nextjs-app-router-patterns
Comprehensive patterns and best practices for Next.js App Router, Server Components, and full-stack architecture.
Install
npx skills add https://github.com/wshobson/agents --skill nextjs-app-router-patternsStats
| Total installs | 10,383 |
| Weekly installs | 10.3K |
| GitHub stars | 32.4K |
| First seen | Jan 20, 2026 |
| Source | @wshobson/agents |
Summary
- Covers rendering modes (Server Components, Client Components, static, dynamic, streaming), file conventions, and core architectural patterns with practical TypeScript examples
- Includes eight key patterns: Server Components with data fetching, Client Components, Server Actions, parallel routes, intercepting routes for modals, streaming with Suspense, Route Handlers, and metadata/SEO
- Details caching strategies including ISR, tag-based invalidation, and on-demand revalidation via Server Actions
- Provides best practices and anti-patterns for Server Component adoption, data fetching placement, and progressive enhancement
Tags
Related skills
| Skill | Installs | vs nextjs-app-router-patterns |
|---|---|---|
| file-organization | 11,029 | +646 |
| responsive-design | 11,234 | +851 |
| vueuse-functions | 9,357 | -1,026 |
| jeo | 10,387 | +4 |
| web-design-reviewer | 8,586 | -1,797 |
FAQ
- How many installs does nextjs-app-router-patterns have?
- nextjs-app-router-patterns has 10,383 total installs and 10.3K installs this week.
- Where is nextjs-app-router-patterns hosted?
- nextjs-app-router-patterns is published by @wshobson/agents at https://github.com/wshobson/agents.
- How many GitHub stars does nextjs-app-router-patterns have?
- nextjs-app-router-patterns has 32.4K GitHub stars.
- When was nextjs-app-router-patterns first indexed?
- OrangeBot.AI first indexed nextjs-app-router-patterns on Jan 20, 2026.
- How do I install nextjs-app-router-patterns?
- Run: npx skills add https://github.com/wshobson/agents --skill nextjs-app-router-patterns