nextjs-app-router-patterns

SKILL.md

Comprehensive patterns for Next.js 14+ App Router architecture, Server Components, and modern full-stack React development.

| Server Components | Server only | Data fetching, heavy computation, secrets | | Client Components | Browser | Interactivity, hooks, browser APIs | | Static | Build time | Content that rarely changes | | Dynamic | Request time | Personalized or real-time data | | Streaming | Progressive | Large pages, slow data sources |

Master Next.js 14+ App Router with Server Components, streaming, parallel routes, and advanced data fetching. Use when building Next.js applications, implementing SSR/SSG, or optimizing React Server Components. Source: wshobson/agents.

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/wshobson/agents --skill nextjs-app-router-patterns Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

View raw