Loading source
Pulling the file list, source metadata, and syntax-aware rendering for this listing.
Source from repo
Upgrade a Next.js app using the current official migration guides and codemods.
Files
Skill
Size
Entrypoint
Format
Open file
Syntax-highlighted preview of this file as included in the skill package.
SKILL.md
1---2name: next-upgrade3description: Upgrade Next.js to the latest version following official migration guides and codemods4argument-hint: "[target-version]"5---67# Upgrade Next.js89Upgrade the current project to the latest Next.js version following official migration guides.1011## Instructions12131. **Detect current version**: Read `package.json` to identify the current Next.js version and related dependencies (React, React DOM, etc.)14152. **Fetch the latest upgrade guide**: Use WebFetch to get the official upgrade documentation:16- Codemods: https://nextjs.org/docs/app/guides/upgrading/codemods17- Version-specific guides (adjust version as needed):18- https://nextjs.org/docs/app/guides/upgrading/version-1619- https://nextjs.org/docs/app/guides/upgrading/version-1520- https://nextjs.org/docs/app/guides/upgrading/version-1421223. **Determine upgrade path**: Based on current version, identify which migration steps apply. For major version jumps, upgrade incrementally (e.g., 13 → 14 → 15).23244. **Run codemods first**: Next.js provides codemods to automate breaking changes:25```bash26npx @next/codemod@latest <transform> <path>27```28Common transforms:29- `next-async-request-api` - Updates async Request APIs (v15)30- `next-request-geo-ip` - Migrates geo/ip properties (v15)31- `next-dynamic-access-named-export` - Transforms dynamic imports (v15)32335. **Update dependencies**: Upgrade Next.js and peer dependencies together:34```bash35npm install next@latest react@latest react-dom@latest36```37386. **Review breaking changes**: Check the upgrade guide for manual changes needed:39- API changes (e.g., async params in v15)40- Configuration changes in `next.config.js`41- Deprecated features being removed42437. **Update TypeScript types** (if applicable):44```bash45npm install @types/react@latest @types/react-dom@latest46```47488. **Test the upgrade**:49- Run `npm run build` to check for build errors50- Run `npm run dev` and test key functionality51