nextjs-app-router-patterns — Skills

What it does

Building new Next.js applications with App Router

Migrating from Pages Router to App Router

Implementing Server Components and streaming

Setting up parallel and intercepting routes

Optimizing data fetching and caching

Building full-stack features with Server Actions

Start with Server Components - Add 'use client' only when needed

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

Source

Repository: https://github.com/wshobson/agents

nextjs-app-router-patterns FAQ

What does the nextjs-app-router-patterns skill do?

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. Building new Next.js applications with App Router Migrating from Pages Router to App Router

How do I install nextjs-app-router-patterns?

Run: npx -y skills add https://github.com/wshobson/agents --skill nextjs-app-router-patterns --agent claude-code — the source lives at github.com/wshobson/agents.

Maintain nextjs-app-router-patterns?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[![nextjs-app-router-patterns on getagentictools](https://getagentictools.com/badge/skills/wshobson-agents-nextjs-app-router-patterns.svg)](https://getagentictools.com/skills/wshobson-agents-nextjs-app-router-patterns?ref=badge)

npx agentictools info skills/wshobson-agents-nextjs-app-router-patterns

The second line is the CLI lookup for this page — handy in READMEs and docs.