服务器组件的渲染策略(静态、动态渲染）
服务器的渲染策略
服务器组件渲染有三个子集：Static、Dynamic 和 Streaming。
动态/静态渲染是根据数据请求来区分的，如果有数据请求则为动态渲染
静态渲染 （默认）
使用 Static Rendering 时，路由在构建时渲染，或在数据重新验证后在后台渲染。结果被缓存并可以推送到内容分发网络 （CDN）.此优化允许您在用户和服务器请求之间共享渲染工作的结果。
动态渲染
使用 Dynamic Rendering 时，将在请求时为每个用户呈现独特的路由。
切换到动态渲染
在渲染过程中，如果发现使用了 动态 API 或 fetch，Next.js将切换到动态渲染整个路由。
下表总结了动态 API 和数据缓存如何影响路由是静态呈现还是动态呈现：{ cache: 'no-store' }
Dynamic APIs Data Route No Cached Statically Rendered Yes Cached Dynamically Rendered No Not Cached Dynamically Rendered Yes Not Cached Dynamically Rendered
动态 API
动态 API 依赖于只能在请求时知道的信息（在预渲染期间不能提前知道）。使用这些 API 中的任何一个都表明了开发人员的意图，并将在请求时选择将整个路由转换为动态渲染。这些 API 包括：
cookies
headers
connection 仅当需要动态渲染且不使用常见的动态 API 时，才需要该函数。
draftMode
searchParams prop
unstable_noStore
来源整理自：vue3js.cn 面试官系列
