From fuse-nextjs
React Server Components patterns for Next.js 16. Server vs Client boundaries, async components, data fetching, serialization rules, streaming with Suspense.
How this skill is triggered — by the user, by Claude, or both
Slash command
/fuse-nextjs:nextjs-server-componentsThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Server Components are the default rendering model in Next.js 16 with React 19.
Server Components are the default rendering model in Next.js 16 with React 19.
Before ANY implementation, use TeamCreate to spawn 3 agents:
After implementation, run fuse-ai-pilot:sniper for validation.
| Feature | Benefit |
|---|---|
| Zero client JS | Components never ship to the browser bundle |
| Direct data access | Query databases, read files without API layer |
| Streaming | Progressive rendering with Suspense boundaries |
| Automatic code splitting | Client Components are lazy-loaded by default |
| SEO-friendly | Full HTML rendered on the server |
'use client' only when needed - Hooks, events, browser APIsserver-only package'use client' as deep as possiblechildren to Clientserver-only - Prevent accidental client imports of secretsPromise.all() for independent datause cache - Cache expensive server computations| Need | Reference |
|---|---|
| Server vs Client patterns | rsc-patterns.md |
| Streaming and Suspense | streaming.md |
| Data fetching in RSC | rsc-patterns.md |
| Loading states | streaming.md |
npx claudepluginhub fusengine/agents --plugin fuse-nextjsBuilds Next.js 16+ apps with React Server Components using App Router, Cache Components, streaming SSR, Server Actions, and React 19 server-first patterns.
Guides React Server Components in Next.js: server vs client distinction, 'use client' directive, component boundaries, composition patterns, and data fetching.
Enables React Server Components to eliminate client JavaScript and directly access data in server components. Provides patterns for splitting server and client components using 'use client' directive.