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