nextjs

Next.js推荐使用fetch 方法，fetch方法默认在服务端组件和只有get方法的路由处理程序中使用缓存。可以使用基于时间的重新验证和基于标签和基于路径两种方式来重新获取数据。

静态渲染在构建时已经生成好了html，动态渲染时当请求时实时生成，数据缓存和动态渲染两码事，数据缓存指的是数据从缓存中拿还是实时生成，获取数据后才开始构建html里面的内容。

Nextjs采用了双组件结构，服务端组件负责搭建框架，客户端组件负责交互。这会解决传统ssr的两个问题，一是不用等待请求数据就可以直接返回html给前端展示，二是减少chunk体积和实现局部水合。

Nextjs利用分块传输技术把传统ssr渲染改造成了渐进式渲染水合，不必先获取所有数据再渲染成html给前端，而是先把页面的静态骨架（导航、页脚、空的内容容器）以 chunk 块的形式发给浏览器。

前后端分离架构中，客户端与服务端之间通过 API 接口来交互。这个API 接口在 Next.js 中有个更为正式的称呼，就是路由处理程序。通过定义一个route.js文件即可，非常简洁。

动态路由是指提前不知道路由地址，使用[]/[...]表示。路由组是按照逻辑进行分组，使代码结构更清晰。平行路由是渲染层面的控制机制，核心解决多区域并行渲染问题。

认识nextjs的app router，它是基于文件夹路由规则的路由模式，文件名称即为路由，在文件夹下page.js是页面内容，page.js为约定的规则，当然还有其他文件。

本文回顾了服务端渲染的发展历史，从最初的jsp这种模版引擎，到vue/react单页应用所产生的同构渲染，即用一套代码可以在客户端运行，也可以在服务端渲染成html字符串，通过水合完成页面激活。