Nextjs CLI 명령 정보

소개

Nextjs의 명령에 대해 잘 모르기 때문에 조사한 메모

※ NextjsCLI 명령에 대해서는

npx next -h

에서 자세한 내용을 확인할 수 있습니다.

다음 dev

npx next dev

이 명령을 사용하면 핫 재로드 및 오류 보고서와 같은 개발 모드에서 응용 프로그램을 시작할 수 있습니다.
기본적으로,
http://localhost:3000
로 시작하지만, -p 옵션을 붙이면 시작할 포트 번호를 지정할 수 있습니다.

npx next dev -p 8888

개발시에는 기본적으로 next dev로 서버를 시작합니다.

다음 빌드

npx next build

이 명령은 프로덕션에 최적화된 빌드를 수행하고 각 루트의 정보를 콘솔에 출력합니다.

출력 예


크기 항목에는 각 페이지로 클라이언트 측에서 전환할 때 다운로드되는 assets의 크기가 표시됩니다.

First Load JS 항목에는 각 페이지로 서버에서 전환할 때 다운로드되는 assets의 크기가 표시됩니다.

First Load는 녹색, 노랑 또는 빨간색으로 표시되며 성능이 요구되는 응용 프로그램이라면 녹색에 맞게 하면 좋을 것 같습니다.

다음 시작

npx next start

이 명령은 npx next build 로 빌드한 후 실행하여 프로덕션용으로 서버가 시작됩니다.

이 명령도 기본적으로
http://localhost:3000
로 시작하지만, -p 옵션을 붙이면 시작할 포트 번호를 지정할 수 있습니다.

npx next start -p 8888

끝에

build했을 때에 색으로 퍼포먼스를 판단할 수 있는 것이 좋다고 생각했습니다.

참고