pm2에서 next js를 영속화하는 방법에 대해. 표시 속도 향상으로 시행 착오했기 때문에 메모

next js를 영속화하고 떨어지지 않도록 시행착오했으므로 소개.
next js를 AWS ec2와 같은 환경에 직접 배포(npm run start)하면 안정되지 않고 갑자기 사이트가 떨어질 수 있습니다.
pm2를 사용하면 자동으로 서버를 재부팅 & 감시해 주며 프로덕션 환경에서도 안정적으로 사용할 수 있습니다.

Step1



pm2를 환경에 설치
npm install -g pm2

위의 명령을 PC(또는 클라우드 환경)에 넣으면 설치할 수 있습니다.

Step2



next js를 빌드합니다.
npm run build

빌드하면 빠르게 페이지를 열 수 있습니다.

Step3



pm2에서 next js 영속화
pm2 start npm --name "next" -- start

덧붙여서 이하의 패스로부터 기동하면, 빌드전의 비효율적인 서버가 영속화되므로 요주의. (google에서 검색하면 자주 나오는 사람)
페이지 스피드 인사이트로 구축중의 사이트를 “start로 기동한 것”과 “이하의 패스로 기동했다도”의 비교하면, 페이지의 송신 사이즈가 10배 정도 다르다는 결과가 되었습니다. (당연히 너무 무거워서 괜찮은 시간에 움직이지 않았습니다.)
start라면 꽤 빨라집니다.
./node_modules/next/dist/bin/next

Step4



pm2에서 서버가 영속화되었는지 확인
pm2 list

status가 online이면 완료됩니다.


이상으로 완료!

좋은 웹페이지 즐겨찾기