안녕하세요. 흐린하늘입니다.
오늘은 클라우드패널(CloudPanel)에서 NEXT.js로 개발된 프로젝트를 배포하는 과정에 대해 알아보겠습니다. NEXT.js(https://nextjs.org/)도 React프로젝트와 마찬가지로 CloudPanel의 Node.js 호스팅을 활용합니다.
CloudPanel에서는 Node 프로젝트를 배포하기 위해서는 PM2(https://pm2.io/)를 이용하도록 권장하고 있습니다. 따라서 PM2에서 활용가능한 옵션들을 함께 사용하셔서 프로젝트를 배포하는 것 또한 가능합니다. 예를 들어 프로젝트 상태 확인을 위한 –watch 등의 옵션을 함께 사용하셔서 배포를 관리하실 수 있습니다.
- Cloudpanel 에서 Node.js사이트를 생성합니다.
- Port번호를 지정한 후 필요에 따라 SSL인증서를 설치합니다.
- 터미널을 열고 NEXT.js 프로젝트를 생성합니다.
npx create-next-app@latest - npm run build를 통해 build파일을 생성합니다.
npm run build
- PM2를 설치합니다.
npm install pm2 -g -s - PM2를 다음 옵션을 통해 실행합니다.
pm2 start npm --name app -- run start -- -p PORT - PM2가 정상적으로 실행중인지 확인합니다.
pm2 list - 서버 재시작시 Clone Job을 설정할 수 있도록 PM2를 템플릿으로 저장합니다.
pm2 save - Cloudpanel에서 Clone Job을 등록합니다.
- NEXT.js를 서버에서 실행하기 위한 준비가 끝났습니다. 즐거운 개발(배포) 활동을 시작합니다! 응?
