---
id: imp-vercel-labs-next-upgrade
name: "next-upgrade"
url: https://skills.yangsir.net/skill/imp-vercel-labs-next-upgrade
author: vercel-labs
domain: ai-frontend-engineering
tags: ["nextjs", "framework-upgrade", "react", "web-development", "migration-guide"]
install_count: 20800
rating: 4.60 (283 reviews)
github: https://github.com/vercel-labs/next-skills
---

# next-upgrade

> 指导用户将Next.js项目升级到最新版本，确保利用最新功能和性能优化，提升开发效率。

**Stats**: 20,800 installs · 4.6/5 (283 reviews)

## Before / After 对比

### 轻松升级Next.js项目版本

## Readme

# Upgrade Next.js

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

## Instructions

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

2. **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

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

4. **Run codemods first**: Next.js provides codemods to automate breaking changes:
   ```bash
   npx @next/codemod@latest <transform> <path>
   ```
   Common transforms:
   - `next-async-request-api` - Updates async Request APIs (v15)
   - `next-request-geo-ip` - Migrates geo/ip properties (v15)
   - `next-dynamic-access-named-export` - Transforms dynamic imports (v15)

5. **Update dependencies**: Upgrade Next.js and peer dependencies together:
   ```bash
   npm install next@latest react@latest react-dom@latest
   ```

6. **Review breaking changes**: Check the upgrade guide for manual changes needed:
   - API changes (e.g., async params in v15)
   - Configuration changes in `next.config.js`
   - Deprecated features being removed

7. **Update TypeScript types** (if applicable):
   ```bash
   npm install @types/react@latest @types/react-dom@latest
   ```

8. **Test the upgrade**:
   - Run `npm run build` to check for build errors
   - Run `npm run dev` and test key functionality


---
*Source: https://skills.yangsir.net/skill/imp-vercel-labs-next-upgrade*
*Markdown mirror: https://skills.yangsir.net/api/skill/imp-vercel-labs-next-upgrade/markdown*