Community코딩 & 개발github.com

vercel-labs/next-upgrade

공식 마이그레이션 가이드와 codemod를 따라 Next.js를 최신 버전으로 업그레이드합니다.

next-upgrade란 무엇인가요?

이 스킬은 Vercel Labs에서 제공하는 Next.js 업그레이드 도구입니다. 개발자가 Next.js 프로젝트를 최신 버전으로 안전하고 효율적으로 업그레이드할 수 있도록 설계되었습니다. 공식 마이그레이션 가이드와 codemod를 자동으로 적용하여 수동 업그레이드의 번거로움과 오류 가능성을 줄여줍니다. 주로 Claude Code, Cursor, Codex와 같은 AI 코딩 에이전트 플랫폼에서 사용되며, 터미널 명령어 실행을 통해 업그레이드 과정을 자동화합니다. 이 스킬은 기존 프로젝트의 종속성을 확인하고, 호환성 문제를 진단하며, 필요한 마이그레이션 단계를 순차적으로 수행합니다. 특히 대규모 프로젝트나 복잡한 마이그레이션 경로가 있는 경우 유용하며, Next.js의 주요 버전 업그레이드(예: 12→13, 13→14, 14→15)를 지원합니다.

지원 대상~Claude Code~Codex CLI~Cursor
Part ofNext.js
npx skills add https://github.com/vercel-labs/next-skills/tree/main/skills/next-upgrade

Installed? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

next-upgrade은(는) 무엇을 하나요?

공식 마이그레이션 가이드와 codemod를 따라 Next.js를 최신 버전으로 업그레이드합니다.

개요

이 스킬은 Next.js 프로젝트를 최신 버전으로 업그레이드하는 과정을 자동화합니다. 공식 Next.js 마이그레이션 가이드와 함께 제공되는 codemod를 사용하여 호환성 문제를 해결하고 업그레이드 과정을 간소화합니다.

주요 기능

  • Next.js 최신 버전 확인 및 권장 업그레이드 경로 제안
  • 공식 codemod 자동 실행 (@next/codemod CLI)
  • 주요 버전 간 마이그레이션 가이드 참조 (12→13, 13→14, 14→15 등)
  • 종속성 업데이트 및 충돌 해결 지원

사용 방법

  1. 프로젝트 루트 디렉토리에서 스킬을 활성화합니다.
  2. 다음 명령어를 실행하여 업그레이드를 시작합니다:
npx @next/codemod@latest upgrade latest

또는 특정 버전으로 업그레이드하려면:

npx @next/codemod@latest upgrade <target-version>

지원 플랫폼

  • Claude Code
  • Cursor
  • Codex
  • 기타 AI 코딩 에이전트

참고 사항

  • 업그레이드 전에 프로젝트를 백업하는 것이 좋습니다.
  • codemod가 모든 변경 사항을 자동으로 적용하지 못할 수 있으므로 수동 확인이 필요할 수 있습니다.
  • 일부 마이그레이션 단계는 codemod로 완전히 자동화되지 않으며, 공식 가이드를 참조해야 합니다.

관련 자료

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

관련 스킬