Next.js 12버전으로 프로젝트 시작하기?

오.. 쉽게 될 줄 알았는데 안되네요. next.js 공식문서에서 npx create-next-app@latest로 최신버전을 설치하길래 당연히 npx create-next-app@12 로 하면 될 줄 알았는데 안되네요. 질문자님도 아마 같은 생각을 하시지 않았을까... 저도 좀 리서치를 해보고 찾아보신 관련링크와 주신 커맨드를 실행해 봤습니다. 제 경우에는 npx create-next-app@latest는 잘 설치가 되는데 npx create-next-app@12는 node version 문제로 실행이 안되더라고요(기존에 14 사용 중) nvm use lts/gallium 으로 사용하는 node version을 업그레이드 하고 위에서 주신 명령어를 실행했더니 12 버전으로 성공 했습니다. 아래 코드 내용은 package.json 내용입니다. 실행한 명령어: npx create-next-app@12 test-app && cd test-app && npm i next@12

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
{
  "name": "test-app",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "next": "^12.3.4",
    "react": "18.2.0",
    "react-dom": "18.2.0"
  },
  "devDependencies": {
    "eslint": "8.43.0",
    "eslint-config-next": "13.4.6"
  }
}

npx create-next-app 하신 다음에 차례대로 npm install next@12 npm install react@17 npm install react-dom@17 이렇게 하시면 12 버전 이용 가능합니다.