nextjs-server-components
Installation
SKILL.md
Next.js Server Components
Expert guidance for using Next.js Server Components effectively.
Quick Reference
| Concept | Pattern | When to Use |
|---|---|---|
| Server Component | Default (no "use client") | Data fetching, heavy computation, no interactivity |
| Client Component | Add "use client" | State, hooks, browser APIs, event handlers |
| Layout | app/layout.tsx | Shared UI across routes |
| Template | app/template.tsx | Shared UI that re-renders on navigation |
| Server Action | async function in Server Component | Form mutations, data updates |
| Parallel Routes | folder@(sidebar) | Independent route segments |