SkillsAdd

wshobson/agents

nextjs-app-router-patterns

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.

All-time #910 Trending #2515 First seen Jan 20, 2026
8-week activity · all time api

Installation

$ npx skills add https://github.com/wshobson/agents
View on skills.sh ↗ GitHub repository ↗
Feature your product here Skill page unit · reach builders installing agent skills View pricing →

Summary

  • Comprehensive patterns for Next.js 14+ App Router, Server Components, and modern full-stack React development.
  • 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

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

find-skills Shared topics
vercel-labs/skills

Helps users discover and install agent skills when they ask questions like "how do I do X", "fi…

18.6K installs
agent-browser Shared topics
vercel-labs/agent-browser

Browser automation CLI for AI agents. Use when the user needs to interact with websites, includ…

11.9K installs
vercel-react-best-practices Shared topics
vercel-labs/agent-skills

React and Next.js performance optimization guidelines from Vercel Engineering. This skill shoul…

3.7K installs
web-design-guidelines Shared topics
vercel-labs/agent-skills

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "chec…

4.7K installs
vercel-composition-patterns Shared topics
vercel-labs/agent-skills

React composition patterns that scale. Use when refactoring components with boolean prop prolif…

2.5K installs
supabase Shared topics
supabase/agent-skills

Use when doing ANY task involving Supabase. Triggers: Supabase products (Database, Auth, Edge F…

1.7K installs

Security audits

Partner security reviews for this skill.

agent-trust-hub Reviewed

Analyzed Sep 14, 2026

snyk Reviewed

Analyzed Sep 14, 2026

socket Score 0.9000 · 0 alerts

Analyzed Sep 14, 2026

  • license 1
  • maintenance 1
  • quality 0.9
  • supply chain 1
  • vulnerability 1

0 alerts

Also in this package

Other skills from wshobson/agents · top by installs.

npx skills add https://github.com/wshobson/agents
typescript-advanced-types 664 tailwind-design-system 181 nodejs-backend-patterns 86 brand-landingpage 23 python-testing-patterns 173 python-performance-optimization 117 api-design-principles 63 code-review-excellence 66 postgresql-table-design 64 fastapi-templates 63

Browse all from wshobson/agents

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 39.5K
License LICENSE
Default branch main
Open issues 4
Status Active

History

  1. First seen on skills.sh
  2. First recorded snapshot · 29,331 installs