skills.rest
rub803030
rub803030COMMUNITY
Explore all skills by this author →
GitHub

next-upgrade

Upgrade Next.js projects to the latest version using official migration guides and codemods.

Updated Apr 13, 2026
Search Tags:#react#dependencies#migration#next.js#breaking changes#upgrade#codemod
One-click install
npx skills add https://github.com/rub803030/examenprograma --skill next-upgrade-rub803030
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: next-upgrade
Source: https://github.com/rub803030/examenprograma/tree/main/EXAMEN_PROGRA_2-master/.agents/skills/next-upgrade
Command: npx skills add https://github.com/rub803030/examenprograma --skill next-upgrade-rub803030

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Upgrading Next.js across major versions involves breaking API changes, deprecated features, and dependency conflicts that are tedious and error-prone to handle manually. ## Core Features & Use Cases - Version Detection: Reads package.json to identify the current Next.js, React, and React DOM versions before planning the upgrade. - Official Migration Guides: Fetches the latest Next.js upgrade documentation and codemod references to determine the correct incremental upgrade path. - Automated Codemods: Runs @next/codemod transforms such as next-async-request-api to automate breaking changes, then updates dependencies and TypeScript types. - Use Case: A project on Next.js 13 needs to reach the latest release; the skill upgrades incrementally through versions 14 and 15, applies codemods, and verifies the build. ## Quick Start Upgrade my Next.js project to the latest version and fix any breaking changes.

Frequently Asked Questions about next-upgrade

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I upgrade Next.js to the latest version?▼

Detect your current version in package.json, follow the official Next.js upgrade guides for each major version, run @next/codemod transforms for breaking changes, then update next, react, and react-dom together and verify with npm run build.

How to migrate from Next.js 14 to 15?▼

Run the next-async-request-api codemod to handle async Request APIs, update dependencies with npm install next@latest react@latest react-dom@latest, and review the version-15 upgrade guide for manual changes like async params.

Can I upgrade Next.js across multiple major versions at once?▼

No, major version jumps should be done incrementally, such as 13 to 14 to 15. Each version has its own migration guide and codemods, and skipping versions risks missing breaking changes.

What codemods does Next.js provide for upgrades?▼

Next.js provides @next/codemod transforms including next-async-request-api for async Request APIs in v15, next-request-geo-ip for geo/ip property migration, and next-dynamic-access-named-export for dynamic import changes.

Why does my Next.js build fail after upgrading?▼

Build failures after upgrading usually come from unapplied breaking changes such as async params in v15, outdated next.config.js options, or removed deprecated features. Run the relevant codemods and check the version-specific upgrade guide for manual fixes.

Related Skills

Explore More Software Engineering Skills→
NivlNivl
1

next-upgrade

Upgrade Next.js projects by applying official migration codemods and updating dependencies.

Community
Advanced
richardnpaulrichardnpaul

canary-watch

Monitor deployed URLs for regressions after deploys and merges.

Community
Intermediate
gabrielnsmntogabrielnsmnto
3

qa-library-validation

Validates third-party library API usage in code against Context7 documentation.

Community
Advanced
HermeticOrmusHermeticOrmus
89

angular-migration

Migrate AngularJS applications to Angular using hybrid app strategies and ngUpgrade.

Community
Advanced