Next.js App Router Development - Build Next.js Apps with the App Router
Build Next.js applications with App Router, Server and Client Components, data fetching, routing, navigation, and TypeScript.
Tags
Updated: 2026-10-02Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Create App Router pages
- Build layouts and routes
- Implement Server Components
- Implement Client Components
- Fetch data on the server
- Create API route handlers
- Implement navigation and routing
- Build dynamic routes
- Add loading and error UI
- Debug Next.js issues
Inputs
- Next.js project files
- Page and layout requirements
- Route parameters
- Data source details
- API request requirements
Outputs
- Next.js source files
- App Router pages
- Layouts and route handlers
- Loading and error UI
- Navigation behavior
- Dynamic route behavior
Requirements
- Next.js App Router project
- TypeScript support
- Read, Grep, Glob, Write, Edit, Bash tools