Next.js - 빌드와 배포 (Build and Deploy)

배포

Next.js 앱을 자신의 환경에서 배포해보자. 먼저 next.js 앱을 빌드해주자. 이전에 package.json 파일에서 스크립트를 확인해준다.

 

"scripts": {
  "dev": "next",
  "build": "next build",
  "start": "next start"
},

 

먼저 앱을 빌드해준다. 다음과 같은 커맨드를 쳐준다.

 

> npm run build

 

위 커맨드를 사용하면 배포를 위한 최적화된 코드를 생성한다. 그 후, 포트를 지정하여 Next.js 앱을 실행하여야 한다. 포트 값 없이 start를 통해 실행하면,

 

> npm start

 

localhost:3000에서 앱이 실행되는 것을 확인할 수 있다.

 

 

포트 지정

포트를 지정하여 배포를 할 수도 있다. 먼저 package.json의 scripts 부분을 다음과 같이 수정해준다.

 

"scripts": {
  "dev": "next",
  "build": "next build",
  "start": "next start -p 8000"
},

 

 

이제 start 명령어가 바뀌었다. 이제 start를 해주면,

 

 

8000번 포트에서 잘 실행이 되는 것을 볼 수 있다.

 

출처

jcon.tistory.com/133