next-upgrade

Upgrade Next.js projects by analyzing package.json and applying official codemods.

2|Updated Jan 5, 2024

Search Tags:#web development #react #migration #codemods #next.js #upgrade

Ready to run

npx skills add https://github.com/wilfriedago/dotfiles --skill next-upgrade-wilfriedago

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: next-upgrade
Source: https://github.com/wilfriedago/dotfiles/tree/main/agents/skills/next-upgrade
Command: npx skills add https://github.com/wilfriedago/dotfiles --skill next-upgrade-wilfriedago

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates the process of upgrading Next.js projects to the latest versions, handling complex code transformations and dependency updates.

Core Features & Use Cases

Automated Version Detection: Identifies the current Next.js and related dependency versions.
Codemod Execution: Applies official Next.js codemods to refactor code for breaking changes.
Dependency Management: Updates Next.js, React, and related types to the latest versions.
Use Case: Effortlessly upgrade your Next.js application from version 14 to 15, ensuring all necessary code changes and dependency updates are applied correctly.

Quick Start

Upgrade the current project to the latest Next.js version.

Frequently Asked Questions about next-upgrade

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

FAQPage Schema

How do I upgrade a Next.js project to the latest version?▼

To upgrade a Next.js project, this Skill analyzes your package.json to detect current versions, fetches official migration guides, applies automated codemods, and updates Next.js, React, and React DOM dependencies to the latest stable release.

What are Next.js codemods and how do they work during migration?▼

Next.js codemods are automated code transformation tools that refactor your codebase for breaking changes. This Skill executes official Next.js codemods during migration to automatically update deprecated syntax and ensure compatibility with the latest version.

Can I automatically update React and React DOM versions when upgrading Next.js?▼

Yes, you can automatically update React and React DOM versions when upgrading Next.js. This Skill handles dependency management by modifying package.json to upgrade Next.js, React, and React DOM to their latest stable versions simultaneously.

Does the Next.js upgrade process handle all breaking changes automatically?▼

No, the Next.js upgrade process does not handle all breaking changes automatically. While this Skill applies automated codemods for code transformations, it also guides users through manual review of breaking changes that require human intervention.

What is the best way to migrate a Next.js application from version 14 to 15?▼

The best way to migrate a Next.js application from version 14 to 15 is using this Skill, which fetches official migration guides, applies necessary codemods, updates dependencies, and guides manual review to ensure a seamless version transition.