Next.js 초기 세팅 / github에 push할 때 / 배포 시

💫 초기 세팅

터미널에 npm init -y

pakage.json 파일이 생긴다.

 

pakage.json 파일에서 "license": "MIT"로 수정

 

터미널에 npm install react@latest next@latest react-dom@latest

모두 최신 버전으로 설치한다

 

pakage.json 파일에서

"scripts": {
    "dev": "next dev"
  }

로 수정

 

app  폴더에 page 파일을 만들고

실행 시에는 터미널에 npm run dev하면 된다

 

💫 github에 push할 때

.gitignore 파일을 만들어서

.next
node_modules
.env

를 입력한다

 

💫 배포 시

pakage.json 파일에서

"scripts": {
    "dev": "next dev",

    "build": "next build",

    "start": "next start"
  }

로 수정

 

배포하기 전에 터미널에 npm run build하면 배포 가능한지 체크해볼 수 있다