Next.js 16 Core Patterns - Build Next.js 16 App Router features
Provides production patterns for Next.js 16 App Router, including server-side data fetching, Server Actions, forms, routing, and streaming.
Tags
Updated: 2026-10-02Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Use Server Components for fetching
- Implement Server Actions for mutations
- Handle async route parameters
- Build forms with useActionState
- Apply streaming with Suspense
- Configure strict route types
- Validate Server Action inputs
- Use proxy for Node.js interception
Inputs
- Next.js application
- app directory
- Routes and layouts
- Server Action requirements
- Form data
- Route parameters
- Application data sources
Outputs
- Next.js page and layout code
- Server Action code
- Client form components
- Validated action responses
- Revalidated application paths
- Streaming UI states
- Route type-checking feedback
Requirements
- Next.js 16
- React 19
- Node.js runtime for proxy
- Server Action support