初学next.js

next的静态资源

pre-render:预渲染

1.SSG : server static generation 服务端静态化。渲染一些静态内容给服务端

2.SSR:server side render。服务端渲染。 每次请求都渲染

3.纯静态化

next在构建项目时候,将没有动态渲染的页面在打包时候渲染好,形成纯html页面,后续每次请求不再重新渲染

SSG server static generator 

getStaticProps:当渲染组件之前会运行,生成html + json

        之前的老方法是Page.getInitialProps = function (){}

        新版的方法是export async function getStaticProps(){

                return {

                                props:{}

                        }

        }

getStaticProps函数只可能在服务端运行。只能在bulid期间运行 

getStaticPaths:当渲染组件之前会运行 解决动态路由

fallback:

false:什么都不做。如果没有静态页面,返回404

true:会给[id].html

1.当访问到不存在的页面时候,先运行[id].html,页面中会请求json

2重新运行getStaticProps函数,传递ID请求

3.重新渲染组件,把渲染的结果生成一个新的html中

4.同时生成json

  • 9
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值