Next.js App Router Patterns skill: what it does and how to install it
Guides Next.js 14+ App Router development with Server Components, streaming, routing and data-fetching patterns.
Summary generated from the skill's documentation.
Install
$ npx skills add wshobson/agents --skill nextjs-app-router-patternsRun it in a terminal. If your agent is already running, start a new session so it picks the skill up.
About this skill
What it does. Guides Next.js 14+ App Router architecture through rendering choices, file conventions and worked patterns for Server and Client Components. It covers static and dynamic rendering, streaming, parallel and intercepting routes, caching, loading and error states, and Server Actions.
When to use it. For new Next.js applications, Pages Router migrations, full-stack features, and performance-focused data fetching with the App Router.
History
Repo stars
40.5k+245 since 5 Oct 2026
Stars are counted for the whole repository, which holds 26 skills.
Show as a table
| Date | Repo stars |
|---|---|
| 12 Oct 2026 | 40,457 |
| 11 Oct 2026 | 40,368 |
| 10 Oct 2026 | 40,319 |
| 9 Oct 2026 | 40,307 |
| 8 Oct 2026 | 40,296 |
| 7 Oct 2026 | 40,267 |
| 6 Oct 2026 | 40,238 |
| 5 Oct 2026 | 40,212 |
Installs
31.8k
Tracking since . A chart appears once there are 7 days of data.
Installs via skills.sh
Similar skills
- Finishing a Development BranchGuides the choice of how to integrate finished work once tests pass: merge, pull request or cleanup.
- MCP BuilderGuides the creation of MCP servers whose tools let an LLM work with external APIs and services.
- Source-Driven DevelopmentChecks every implementation decision against official documentation, so the code cites its sources and avoids outdated patterns.