React/Next.js
Next.js - 빌드와 배포 (Build and Deploy)
에포트
2020. 10. 5. 18:59
배포
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번 포트에서 잘 실행이 되는 것을 볼 수 있다.
출처