这是我参与「第五届青训营」伴学笔记创作活动的第 18 天，学习了「Next.js实战项目」，下面是本节课的内容：

课程目标

具备C端Web应用开发的基本能力

C端也就是客户端,是指与服务器相对应,为客户提供本地服务的程序。除了一些只在本地运行的应用程序之外,一般安装在普通的客户机上,需要与服务端互相配合运行。

比如:掘金

B 端是面向企业用户的互联网产品，用户通过它进行日常的商业活动，例如企业库存管理，销售统计，员工出勤考核等等。可以说，用来解决企业需求的产品，都是 B 端产品。

渲染方式CSR, SSR, SSG

客户端渲染。常见B端WEB应用开发模式。

前后端分离，服务器压力相对更轻。渲染工作在客户端进行，服务器直接返回不加工的HTML，用户在后续访问操作。

一次请求就加载完成

从原先的JSP/PHP就已经体现了服务器端渲染

服务端渲染 Server-Side Rendering

早期的 JSP 和 PHP，前端仅负责 UI 和交互

静态站点生成，在构建的时候直接把结果页面输出html到磁盘，每次访问直接把html返回给客户端，相当于一个静态资源。

CDN：建立并覆盖在Internet之上，由分布在不同区域的边缘节点服务器群组成的分布式网络。

相比SSR，因为不需要每次请求都由服务器处理，所以可以大幅减轻服务器端的压力。

缺陷在于只能用于偏静态的页面，无法生成与用户相关的内容，也就是所有的用户访问的页面都是相同的。

getInitialProps

只在服务端运行，只能在页面层面进行绑定，采用同构，使用客户端路由跳转

内部跳转(Link)时会在客户端进行数据请求，直接打开不受影响