원클릭으로 Manus에서 모든 스킬 실행

시작하기

next-upgrade

스타45

포크4

업데이트2026년 2월 1일 01:28

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

설치

Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.

Manus에서 실행

출처

f0rr0

f0rr0/f0rr0.github.io

GitHub 저장소 열기 Creator 저장소 보기

다운로드

Manus에서 실행

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/building-your-application/upgrading/codemods
- Version-specific guides (adjust version as needed):
  - https://nextjs.org/docs/app/building-your-application/upgrading/version-15
  - https://nextjs.org/docs/app/building-your-application/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).
Run codemods first: Next.js provides codemods to automate breaking changes:
```
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)
Update dependencies: Upgrade Next.js and peer dependencies together:
```
npm install next@latest react@latest react-dom@latest
```
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

Update TypeScript types (if applicable):

npm install @types/react@latest @types/react-dom@latest

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

이 저장소의 다른 Skills

같은 저장소

react-three-webgl

f0rr0/f0rr0.github.io

Build scroll-driven WebGL + DOM sites with React Three Fiber and three.js, with progressive enhancement, Next.js integration, and animation stacks.

2026-02-0145

agent-browser

f0rr0/f0rr0.github.io

Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web pages, fill forms, take screenshots, test web applications, or extract information from web pages.

2026-02-0145

next-best-practices

f0rr0/f0rr0.github.io

Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling

2026-02-0145

next-cache-components

f0rr0/f0rr0.github.io

Next.js 16 Cache Components - PPR, use cache directive, cacheLife, cacheTag, updateTag

2026-02-0145

vercel-composition-patterns

f0rr0/f0rr0.github.io

React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.

2026-02-0145

vercel-react-best-practices

f0rr0/f0rr0.github.io

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

2026-02-0145

name	next-upgrade
description	Upgrade Next.js to the latest version following official migration guides and codemods
targets	["codexcli"]
argument-hint	[target-version]

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/building-your-application/upgrading/codemods
- Version-specific guides (adjust version as needed):
  - https://nextjs.org/docs/app/building-your-application/upgrading/version-15
  - https://nextjs.org/docs/app/building-your-application/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).
Run codemods first: Next.js provides codemods to automate breaking changes:
```
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)
Update dependencies: Upgrade Next.js and peer dependencies together:
```
npm install next@latest react@latest react-dom@latest
```
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

Update TypeScript types (if applicable):

npm install @types/react@latest @types/react-dom@latest

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