Next.js App Router Development - 使用 App Router 构建 Next.js 应用
使用 App Router、服务端与客户端组件、数据获取、路由、导航和 TypeScript 构建 Next.js 应用。
标签
更新于: 2026-10-02能力
典型输入
典型输出
该技能可以做什么
- 创建 App Router 页面
- 构建布局和路由
- 实现服务端组件
- 实现客户端组件
- 在服务端获取数据
- 创建 API 路由处理器
- 实现导航和路由
- 构建动态路由
- 添加加载和错误界面
- 调试 Next.js 问题
输入
- Next.js 项目文件
- 页面和布局需求
- 路由参数
- 数据源信息
- API 请求需求
输出
- Next.js 源文件
- App Router 页面
- 布局和路由处理器
- 加载和错误界面
- 导航行为
- 动态路由行为
要求
- Next.js App Router 项目
- TypeScript 支持
- Read、Grep、Glob、Write、Edit、Bash 工具