vercel avatar

Next Upgrade

This handles Next.js version upgrades by walking through the official migration path: detecting your current version, fetching the right upgrade guides from nextjs.org, running the appropriate codemods, and updating dependencies in the correct order. It's smart enough to recommend incremental upgrades for major version jumps instead of trying to leap from 13 to 15 in one shot. The codemod step is the real value here, since Next.js provides transforms for async Request APIs, geo/ip property migrations, and dynamic import changes that would be tedious to fix manually. Worth using if you've been putting off an upgrade because the breaking changes looked like a slog.

skills.sh installs
301
GitHub stars
899
last updated
Jun 3, 2026

Install

$ npx -y skills add vercel/nextjs-skills --skill next-upgrade --agent claude-code

Installs into .claude/skills of the current project.

Files

This handles Next.js version upgrades by walking through the official migration path: detecting your current version, fetching the right upgrade guides from nextjs.org, running the appropriate codemods, and updating dependencies in the correct order. It's smart enough to recommend incremental upgrades for major version jumps instead of trying to leap from 13 to 15 in one shot. The codemod step is the real value here, since Next.js provides transforms for async Request APIs, geo/ip property migrations, and dynamic import changes that would be tedious to fix manually. Worth using if you've been putting off an upgrade because the breaking changes looked like a slog.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/vercel/nextjs-skills
Categories
Frontend Development, Cloud & Infrastructure
First seen
Jun 3, 2026

More from vercel/nextjs-skills

All 3
1josiahsiegel avatartailwindcss-accessibilityjosiahsiegel/claude-plugin-marketplaceTailwind CSS accessibility patterns including WCAG 2.2 compliance, touch targets, focus management, and ARIA. PROACTIVELY activate for: (1) building accessible 299skills.sh installs
2josiahsiegel avatartailwindcss-framework-integrationjosiahsiegel/claude-plugin-marketplaceTailwind CSS integration with React, Vue, Next.js, Svelte, Angular, and other frameworks. PROACTIVELY activate for: (1) Tailwind in React (Vite, CRA), (2) Tailw296skills.sh installs
3hairyf avatarnativewindhairyf/skillsUse Tailwind CSS to style React Native components across web and native295skills.sh installs
4longbridge avatargpui-contextlongbridge/gpui-componentContext management in GPUI including App, Window, and AsyncApp. Use when working with contexts, entity updates, or window operations. Different context types pr293skills.sh installs
5pedronauck avatarapp-renderer-systemspedronauck/skillsGuides creation and modification of domain feature systems organized under a systems/ directory. Covers directory layout, API service layer patterns, TanStack Q293skills.sh installs
6itechmeat avatarmantine-devitechmeat/llm-codeMantine UI library for React: 100+ components, hooks, forms, theming, dark mode, CSS modules, and Vite/TypeScript setup. Use when building React applications wi288skills.sh installs