next-upgrade

Automate Next.js project upgrades using official migration guides and codemods.

Updated May 14, 2025
One-click install
npx skills add https://github.com/jchademwiri/tender-track-360 --skill next-upgrade-jchademwiri
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: next-upgrade
Source: https://github.com/jchademwiri/tender-track-360/tree/main/.agents/skills/next-upgrade
Command: npx skills add https://github.com/jchademwiri/tender-track-360 --skill next-upgrade-jchademwiri

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Upgrade Next.js projects efficiently by following official migration guides and codemods, reducing manual steps and risk.

Core Features & Use Cases

  • Guided upgrades: Detect current versions, fetch official upgrade docs, and plan steps.
  • Automated codemods: Apply Next.js codemods to automate breaking changes.
  • Dependency alignment & testing: Update core dependencies and verify builds and development server.

Quick Start

Execute the upgrade workflow to bring your Next.js project to the latest version using the steps outlined.

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 using codemods?

To upgrade Next.js, this Skill automates applying official codemods and migration guides to your React project. It detects your current version, applies codemods for breaking changes, updates dependencies, and validates the upgrade with build and dev checks.

What is the best way to handle Next.js migration breaking changes automatically?

The best way to handle Next.js migration is using official codemods to automate breaking changes. This Skill fetches official upgrade docs, plans incremental steps, and applies codemods to update your React project efficiently.

Can I incrementally upgrade a React and Next.js project across multiple versions?

Yes, you can incrementally upgrade a React and Next.js project. This Skill guides you through incremental upgrade steps, detecting your current version and fetching the appropriate official migration guidance for each phase.

How do I update dependencies and verify builds after a Next.js upgrade?

After a Next.js upgrade, you update dependencies and verify builds by running core dependency alignment and testing. This Skill updates required dependencies and validates the upgrade by running build and development server checks.

Does this Next.js upgrade workflow work with existing React dependencies?

Yes, this Next.js upgrade workflow works with existing React dependencies. It is designed for codebases built with Next.js and React, updating core dependencies and applying codemods to ensure compatibility during the migration.