Nextjs
This is a comprehensive Next.js skill that handles both App Router and Pages Router patterns, with a strong focus on migration paths. It auto-triggers on Next.js file structures and commands, then validates your code against 17 common pitfalls, from the async cookies() and headers() changes in Next.js 16 to deprecated patterns like getServerSideProps and next/router. The validation rules are opinionated but practical: they'll nudge you away from next-auth toward managed providers like Clerk, flag Express/Fastify usage in favor of native Next.js handlers, and catch React 19 gotchas like useRef() without initial values. It's built for teams actively upgrading or maintaining mixed codebases where old and new patterns coexist.
- skills.sh installs
- 629
- GitHub stars
- 183
- last updated
- Jun 3, 2026
Install
$ npx -y skills add vercel/vercel-plugin --skill nextjs --agent claude-codeInstalls into .claude/skills of the current project.
Files
This is a comprehensive Next.js skill that handles both App Router and Pages Router patterns, with a strong focus on migration paths. It auto-triggers on Next.js file structures and commands, then validates your code against 17 common pitfalls, from the async cookies() and headers() changes in Next.js 16 to deprecated patterns like getServerSideProps and next/router. The validation rules are opinionated but practical: they'll nudge you away from next-auth toward managed providers like Clerk, flag Express/Fastify usage in favor of native Next.js handlers, and catch React 19 gotchas like useRef() without initial values. It's built for teams actively upgrading or maintaining mixed codebases where old and new patterns coexist.
Browse the repository on GitHubSponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/vercel/vercel-plugin
- Categories
- Frontend Development, Cloud & Infrastructure
- First seen
- Jun 3, 2026
More from vercel/vercel-plugin
All 25- Ai Sdk544
- React Best Practices491
- Deployments Cicd484
- Shadcn458
- Vercel Cli432
- Turbopack429
- Ai Gateway423
- Env Vars422
- Vercel Functions410
- Next Cache Components385
- Next Upgrade368
- Routing Middleware338
- Auth326
- Vercel Storage326
- Vercel Agent317
- Bootstrap315
- Chat Sdk315
- Verification315
- Workflow313
- Runtime Cache312
- Vercel Sandbox308
- Knowledge Update301
- Marketplace300
- Next Forge191
Recommended
More Frontend Development
frontend-developerdylantarre/animation-principlesUse when implementing animations in code, building UI transitions, or when a developer needs practical animation guidance for web/mobile applications.605skills.sh installs
auth0-nuxtauth0/agent-skillsUse when adding Auth0 login, logout, session management, or protected routes to a Nuxt 3 or Nuxt 4 application. Integrates @auth0/auth0-nuxt — use even if the u594skills.sh installs
sveltekit-svelte5-tailwind-skillclaude-skills/sveltekit-svelte5-tailwind-skillsveltekit svelte5 tailwind skill586skills.sh installs
angular-best-practices-materialalfredoperez/angular-best-practicesangular best practices material522skills.sh installs