5 min readNext.js Demo

为什么默认使用服务端组件

服务端组件让页面可以先在服务端生成内容,减少客户端 JavaScript,同时保留 React 的组件化体验。

Server ComponentsRenderingReact

先把内容交给用户

服务端组件可以在服务器上生成 HTML,让用户更快看到页面主体内容。对于文章、列表和详情页,这通常是很自然的默认选择。

浏览器只需要接收必要的结果,不必为每一段静态内容下载额外的组件逻辑。

按需使用客户端能力

如果某个区域需要状态、事件监听或浏览器 API,可以单独创建 Client Component。这样页面主体依然保持轻量,交互部分也能正常工作。

这种组合方式让 Next.js 适合构建从静态内容到复杂应用的不同场景。