skills.rest
yutna
yutnaCOMMUNITY
Explore all skills by this author →
GitHub

next-upgrade

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

2|Updated Feb 13, 2026
Search Tags:#typescript#dependencies#migration#codemods#build#nextjs#upgrade
One-click install
npx skills add https://github.com/yutna/vibe-next-template --skill next-upgrade-yutna
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: next-upgrade
Source: https://github.com/yutna/vibe-next-template/tree/main/.agents/skills/next-upgrade
Command: npx skills add https://github.com/yutna/vibe-next-template --skill next-upgrade-yutna

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Upgrade Next.js projects to the latest version safely and efficiently by following official migration guides and codemods.

Core Features & Use Cases

  • Incremental upgrades across major versions with automated codemods to minimize breaking changes.
  • Clear, guided workflow that detects current versions, fetches official upgrade documentation, and applies necessary changes in order.
  • Suitable for teams adopting Next.js 14–16+ in server-first setups with strict TypeScript and server-first architectures.

Quick Start

Run the upgrade workflow end-to-end by detecting the current Next.js version, applying official codemods, updating dependencies, and validating the build and dev server.

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 safely?▼

Upgrading Next.js safely involves detecting your current version, fetching official migration guides, applying codemods incrementally, updating dependencies, and verifying the build and local dev server.

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

Upgrading Next.js across major version jumps is supported through an incremental approach, applying official codemods step by step to minimize breaking changes for both app router and pages router projects.

What are codemods and how do they help with Next.js migration?▼

Codemods are automated code transformation tools that apply necessary changes during a Next.js migration in order, minimizing manual breaking changes and ensuring compatibility with the latest version's requirements.

Does this Next.js upgrade workflow support strict TypeScript setups?▼

Yes, the upgrade workflow is suitable for teams with strict TypeScript configurations, automatically updating TS types alongside dependency upgrades to maintain type safety in server-first architectures.

What is the best way to verify a Next.js migration after applying codemods?▼

The best way to verify a Next.js migration is by running the build and local dev server, ensuring that incremental upgrades, dependency updates, and TypeScript type changes produce a working application.

Related Skills

Explore More Software Engineering Skills→
mburumaxwellmburumaxwell
240

next-upgrade

Upgrade Next.js projects across major versions using official migration guides and codemods.

Community
Advanced
fxfx
8

verify-web-change

Launches the app stack and tests UI changes in a real browser via Playwright MCP.

Community
Advanced
distribucionesfayosmoreno-sysdistribucionesfayosmoreno-sys

typescript-pro

Optimize TypeScript type inference and enforce strict type safety.

Community
Advanced
frankxaifrankxai
7

Next.js Upgrade Assistant

Guide Next.js major version upgrades with dependency and configuration steps.

Community
Advanced