Next 权衡录

把选型放到同一把尺子上

首页Server/Client 边界渲染策略路由机制数据与缓存Metadata 与 SEO工程化安全AI-Native 与 Agent

渲染策略

SSG / ISR / SSR / Streaming / PPR 的光谱与选择

渲染光谱梳理ISR 与静态再生SSR 请求时整页渲染Streaming SSR 与 Suspense 粒度PPR 与 Cache Components页面转场 ViewTransition理解检验

Next 权衡录

把选型放到同一把尺子上

文档写能做什么。这里写该选哪条。

专题分类

  • Server/Client 边界
  • 渲染策略
  • 路由机制
  • 数据与缓存
  • Metadata 与 SEO
  • 工程化
  • 安全
  • AI-Native 与 Agent

资源

  • Next.js 文档
  • React 文档
  • Tailwind CSS
  • Vercel 部署
  • Next.js GitHub

© 2026 Next 权衡录 · Next.js 16 + React 19 + Tailwind CSS 4

8 个领域 · 37 个专题

渲染策略/SSR 请求时整页渲染

SSR 请求时整页渲染

请求时渲染的内容:每次请求都在服务器现算完再补出。刷新本页,时刻和请求号都会变。只有内容必须实时时才落在这一格

刷新一次,这两个值就会变

薄壳 app/rendering/ssr/page.tsx 用 connection() 声明请求时渲染(Suspense 边界内),所以下面不是构建期冻住的字符串

渲染时刻
2026-11-10T01:28:59.512Z
请求号
67375fde-555c-499f-94e2-cf3da9146ded

对照ISR 页:那边 60 秒内刷新仍是同一份内容。这边每次刷新都是一次新的服务器渲染 —— cacheComponents 下站点壳会先到,本区内容作为动态洞每请求现算后补出。

什么时候才整页 SSR

默认尽量靠左。内容请求时渲染是光谱上偏贵的一格

  • 页面主体依赖这次请求的 cookie、权限或不可共享的数据,缓存一份 HTML 会串用户
  • 数据必须是请求时刻的,而且页面量不大,不值得再设计失效
  • 只有一块慢:去Streaming,让壳先到
  • 壳可以冻结、洞必须实时:去PPR,不要把壳也标成动态
相关专题Streaming SSR 与 Suspense 粒度PPR 与 Cache Components渲染光谱梳理

延伸阅读

  • Next.js 文档:connection()(请求时渲染声明)
  • Next.js 文档:Server and Client Components