Server Components Pattern - Build Next.js 16 features with a Server-First pattern
Implements Server-First data fetching and component composition patterns for Next.js 16 pages, widgets, and interactive features.
Tags
Updated: 2026-09-28Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Adopt the Server-First architecture
- Fetch data in Server Components
- Choose server or client components
- Compose server and client components
- Stream sections with Suspense
- Use Server Actions for mutations
Inputs
- Page, layout, or widget requirements
- Data source or API
- Interactivity requirements
- Authentication context
Outputs
- Next.js component files
- Server-rendered pages or widgets
- Progressively streamed page sections
- Client-side interactive components
Requirements
- Next.js 16 project
- Server-side API or database access
- Authentication cookies for protected data