一江东流水

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

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

Agent是什么？其实就是给大模型扩展了Tool 和Memory，它本来就可以思考，现在通过Tool 扩展了能力就可以自动做事情了，用 Memory管理记忆，用RAG查询内部知识库来获取知识。

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

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

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

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

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

keepalive的实现原理就是把所有需要 keepalive 的组件保存到一个全局对象，然后渲染的时候把它们都渲染出来，路由切换只是改变显示隐藏。