nextjs - 使用 App Router 和 Server Components 构建 Next.js 16 应用
使用 App Router、Server Components/Actions、Cache Components 和异步路由参数构建 Next.js 16 应用
标签
更新于: 2026-02-09能力
典型输入
典型输出
该技能可以做什么
- 创建 Next.js 16 项目
- 配置 App Router
- 实现 Server Components
- 添加 Cache Components
- 处理异步路由参数
- 迁移中间件到代理
- 设置并行路由
- 配置 Turbopack
输入
- Next.js 项目文件
- TypeScript 配置
- package.json 依赖项
- App Router 结构
- API 密钥
- 环境变量
输出
- Next.js 应用程序
- 更新的配置文件
- 路由处理器
- proxy.ts 文件
- 并行路由默认文件
- 缓存组件
要求
- Node.js 20.9+
- Next.js 16.1.1+
- React 19.2.3+
- TypeScript 5.6+
- npm 或 yarn
- App Router 结构