Next.js Patterns - Next.js App Router Best Practices and Patterns Guide
Provides implementation patterns and best practices for Next.js App Router, Server Actions, and routing
Tags
Updated: 2026-02-12Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Structure page components
- Implement layout wrappers
- Configure navigation
- Fetch data in components
- Optimize fonts
- Define metadata
Inputs
- Next.js project
- Route definitions
- Component files
- Font configurations
Outputs
- Next.js application structure
- SEO metadata
- Optimized font configuration
- Navigation setup
Requirements
- Next.js 15 environment
- App Router
- React
- TypeScript