Next.js 的渲染模式完全基于 React Server Components (RSC)。

理解 RSC 与 Client Components 的边界，是掌握 App Router 的关键。

并且随着 PPR（Partial Prerendering）的引入，

Next.js 的渲染模型正向“静态外壳 + 动态流式数据”演进。

Server Components 是默认与推荐的组件模式； Client Componen ts only when necessary； PPR 将成为未来页面渲染的主流方式。

1. Server Components (RSC)

1.1 概念

RSC = React Server Components

是 React 提供的一种新执行模型，使组件在 服务器端运行，并将其渲染结果以 RSC Payload（React Flight 数据格式） 的方式传输到浏览器。

RSC 不会进入客户端 JS Bundle，因此：

• 不产生浏览器端 JS 体积
• 不在浏览器执行逻辑
• 可以安全访问后端资源（DB、文件系统、私有 API）

RSC 不是 Virtual DOM

RSC 在服务器端执行，产出的不是 Virtual DOM，而是一种用于描述组件树的 Flight 数据协议。客户端接收后才会进入 React Fiber → DOM 更新阶段。

1.2 使用场景（默认选择）

只要组件 没有客户端交互需求，就应该使用 Server Component。

典型场景：