这是我参与「第五届青训营 」伴学笔记创作活动的第 10 天
课堂笔记
课程重点内容：
- 渲染方式CSR、SSR、SSG
- 什么是Next.js
- Next.js客户端开发
- Next.js服务端开发
渲染方式：
CSR：客户端渲染（Client-Side-Rendering）,B端WEB应用开发模式，前后端分离
SSR：服务端渲染（Server-Side-Rendering）,前后端不分离
同构SSR：前后端都参与渲染，BFF：服务端进一步处理接口的数据
SSG：静态站点生成（Static Site Generation）
CDN：建立并覆盖在Internet之上，由分布在不同区域的边缘节点服务器群组成的分布式网络
SSR和SSG相比于CSR更利于SEO，更利于爬虫爬取页面
SSR和SSG相比于CSR首屏加载时间更快
什么是Next.js：
SSR实现复杂，所以才有了Next.js的出现
同构案例：在客户端绑定的事件在服务端渲染中能生效
脱水注水：脱水是服务端在渲染时将数据放入浏览器中，注水是客户端直接取浏览器的数据放入页面
Next.js客户端开发
项目初始化：
数据注入方式：利用三大API在服务端发送请求拿到数据，与CSR模式不同的是客户端不需要发送请求去请求后端的数据
Next.js三大API请求数据
Next.js服务端开发
编写BFF层
CMS数据管理平台
总结：
WEB应用的三大渲染模式CSR、SSR和SSG，CSR用于B端应用的开发，SSR和SSG用于C端应用的开发。而Next.js是由于SSR渲染模式导致服务端书写API过于复杂而产生的，利用Next.js可以高效地开发C端应用。Next.js的客户端三大API可以在服务端执行，发送请求得到服务端数据。服务端开发需要编写BFF层处理接口并返回数据，CMS数据管理平台可以用于管理前端页面的数据，便于非开发人员对网站数据的管理。
