This is your Next.js copilot for App Router projects. It catches migration footguns like forgetting to await cookies() and headers() in Next.js 16, using getServerSideProps patterns that don't exist in App Router, and importing next/router instead of next/navigation. The validation rules are opinionated in a good way: it'll nudge you toward Clerk or Auth0 over next-auth, warn against in-memory caches in serverless environments, and flag heavy ORMs that hurt cold starts. Covers the full stack from routing and Server Components to middleware (now proxy.ts), data fetching, and Vercel deployment patterns. Especially helpful if you're migrating from Pages Router or upgrading to Next.js 16.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
19
skills.sh installs
4.3K
GitHub stars
183
last updated
Jun 3, 2026

Install

$ npx -y skills add vercel-labs/vercel-plugin --skill nextjs --agent claude-code

Installs into .claude/skills of the current project.

Files

This is your Next.js copilot for App Router projects. It catches migration footguns like forgetting to await cookies() and headers() in Next.js 16, using getServerSideProps patterns that don't exist in App Router, and importing next/router instead of next/navigation. The validation rules are opinionated in a good way: it'll nudge you toward Clerk or Auth0 over next-auth, warn against in-memory caches in serverless environments, and flag heavy ORMs that hurt cold starts. Covers the full stack from routing and Server Components to middleware (now proxy.ts), data fetching, and Vercel deployment patterns. Especially helpful if you're migrating from Pages Router or upgrading to Next.js 16.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/vercel-labs/vercel-plugin
Categories
Frontend Development, Cloud & Infrastructure
First seen
Apr 16, 2026

More from vercel-labs/vercel-plugin

All 32
1plannotator avatarhtmlplannotator/effective-htmlCreate or redesign self-contained single-file HTML artifacts with a visual direction shaped by the user's brief, project, and subject. Use when HTML is the deli4.1Kskills.sh installs
2plannotator avatarhtml-planplannotator/effective-htmlDirect-invocation specialist for clear, self-contained HTML plans that preserve source material while improving hierarchy, sequence, ownership, dependencies, an4Kskills.sh installs
3affaan-m avatarui-demoaffaan-m/everything-claude-codeui demo3.8Kskills.sh installs
4forcedotcom avatargenerating-ui-bundle-siteforcedotcom/sf-skillsMUST activate when the project contains a uiBundles/*/src/ directory and the task involves creating or configuring site infrastructure. Use this skill when crea3.6Kskills.sh installs
5nexu-io avatarhtml-ppt-retro-quarterly-reviewnexu-io/open-designRetro Quarterly Review presentation template in a bold blue + orange editorial language. Use when users ask for a high-impact quarterly review / roadmap deck wi2.9Kskills.sh installs
6mohamed-hossam1 avatarnextjs-cache-architecturemohamed-hossam1/nextjs-cache-architecturenextjs cache architecture2.8Kskills.sh installs