building-nextjs-apps - 构建Next.js 16应用
使用正确模式和重大变更构建Next.js 16应用
标签
更新于: 2026-03-25能力
典型输入
典型输出
该技能可以做什么
- 创建页面
- 创建布局
- 创建动态路由
- 升级Next.js版本
- 实现proxy.ts
- 配置async params
- 配置async searchParams
- 设置项目结构
- 创建服务器操作
- 创建API路由
- 获取服务端数据
- 获取客户端数据
- 使用next-devtools-mcp
输入
- Next.js项目
- TypeScript配置
- Tailwind CSS
- shadcn/ui组件
- 数据库连接
- MCP服务器
- 开发服务器
输出
- Next.js应用
- 页面文件
- 布局文件
- 动态路由
- API路由
- 服务器操作
- proxy.ts文件
- UI组件
要求
- Next.js 16
- React
- Node.js环境
- TypeScript
- Tailwind CSS
- shadcn/ui