这是我参与「第五届青训营 」伴学笔记创作活动的第 8 天。
本篇笔记是对今天青训营的直播课Next.js实战课程的归纳总结及个人感悟。
一、CSR、SSR、SSG区分
CSR客户端渲染（Client-Side Rendering）： 常见B端WEB应用开发模式，前后端分离，服务器压力相对更轻，渲染工作在客户端进行，服务器直接返回不加工的HTML用户在后续访问操作。
SPA：单页面应用，他所需的资源在一次请求中就加载完成，不需要刷新地动态加载，首屏时间更长。
SSR服务器渲染（Server-Side Rendering）。代码耦合度高，且模板语言中混杂编程语言对于一些复杂的功能，维护起来很痛苦。这种模式下Java、PHP负责渲染逻辑，前端只负责UI和交互。
优点：SEO优化，更短的首屏时间
同构SSR：BFF服务于前端应用的后端（Backend For Frontend）。前后端一体化，一套React代码在服务器运行一遍又在浏览器运行一遍。前后端都参与渲染。
SSG静态站点生成（Static Site Generation），在构建的时候直接把结果页面输出html到磁盘，每次访问直接把html返回到客户端，相当于一个静态资源。相比SSR，服务器端压力小。
二、Next.js
Next.js是一个构建于Node.js之上的开源web开发框架，支持基于React的web应用程序功能，例如服务器端渲染和生成静态网站。
优势：上手快，能力集全，覆盖足够多的性能优化和生态。
