Frontend 2,269 installs

Upgrade Next.js

by vercel-labs/next-skills

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

Skill content

Automated Next.js version upgrades with official codemods and migration guide integration.

- Detects current Next.js version from package.json and fetches version-specific upgrade documentation from official guides

- Runs Next.js codemods automatically to handle breaking changes like async Request APIs, geo/IP property migrations, and dynamic import transformations

- Handles incremental upgrades for major version jumps (e.g., 13 → 14 → 15) and updates peer dependencies (React, React DOM, TypeScript types) in a single step

- Validates upgrades by running build and dev commands to catch errors before completion

Upgrade Next.js

Upgrade the current project to the latest Next.js version following official migration guides.

Instructions

-

Detect current version: Read package.json to identify the current Next.js version and related dependencies (React, React DOM, etc.)

-

Fetch the latest upgrade guide: Use WebFetch to get the official upgrade documentation:

- Codemods: https://nextjs.org/docs/app/guides/upgrading/codemods

- Version-specific guides (adjust version as needed):

- https://nextjs.org/docs/app/guides/upgrading/version-16

- https://nextjs.org/docs/app/guides/upgrading/version-15

- https://nextjs.org/docs/app/guides/upgrading/version-14

-

Determine upgrade path: Based on current version, identify which migration steps apply. For major version jumps, upgrade incrementally (e.g., 13 → 14 → 15).