五、next.js 的预渲染和数据获取

简介

• Pre-rendering 与渲染技术生成一个类似静态页面的东西，即便没有JavaScript脚本的支持，仍然可以呈现页面，这样就可以更好的支持SEO。

预渲染的两种形态

• 两种形态分别是： Static Generation and Server-side Rendering
• Static Generation 这是构建时生成的模式，也就是生成之后每个页面访问已经生成的静态文件。
• Server-side Rendering 这是请求时生成的模式，更类似于动态页面。
• 不同的页面均可根据要求混用这两种静态方式。
• 显而易见如果没有动态数据应该使用Static Generation这种模式。

调用 getStaticProps() 完成 Static Generation

• 参考：https://nextjs.org/learn/basics/data-fetching/implement-getstaticprops

结束

• 接下来了解 NextAuth.js