nextjs - Next.js 16 App Router patterns
Create pages, layouts, components, API routes, and authentication flows with Next.js 16 App Router
Tags
Updated: 2026-05-11Capabilities
Typical Inputs
Typical Outputs
What this skill does
- create pages
- create layouts
- create components
- create API routes
- configure auth
- protect routes
- handle dynamic routes
- use session
- redirect users
- setup providers
Inputs
- Google client ID
- Google client secret
- Prisma database instance
- Tailwind config
- NextAuth credentials
- Project source directory
Outputs
- Rendered web pages
- API route responses
- Authentication sessions
- Built Next.js application
- Auth state redirects
Requirements
- Next.js 16 runtime
- Claude Code compatibility
- NextAuth v5
- Bun package manager
- TypeScript