Server Components Pattern - 使用 Server-First 模式构建 Next.js 16 功能
为 Next.js 16 页面、组件和交互功能实现 Server-First 数据获取与组件组合模式。
标签
更新于: 2026-09-28能力
典型输入
典型输出
该技能可以做什么
- 采用 Server-First 架构
- 在服务端组件中获取数据
- 选择服务端或客户端组件
- 组合服务端与客户端组件
- 使用 Suspense 流式渲染
- 使用 Server Actions 执行变更
输入
- 页面、布局或组件需求
- 数据源或 API
- 交互需求
- 身份验证上下文
输出
- Next.js 组件文件
- 服务端渲染的页面或组件
- 渐进式流式页面区块
- 客户端交互组件
要求
- Next.js 16 项目
- 服务端 API 或数据库访问能力
- 受保护数据所需的身份验证 Cookie