Next.JS 시작하기

nextJS project 생성

npx create-next-app@latest

설치시 tpyesciprt 를 사용할 것이냐는 문구에 yes라고 답하면 타입스크립트도 함께 설치됨.

npm run start VS npm run dev

npm run start > build 된 환경으로 앱을 실행
npm run dev > build 되지 않은 앱을 실행
NextJS는 빌드되지 않은 환경과 빌드된 환경을 구분지어서 테스트해볼 수 있다.

npm run start

npm run start 명령은 Next.js App을 프로덕션 모드로 실행한다.
프로덕션 모드에서는 애플리케이션을 빌드, 최적화하고, 정적 파일을 생성.
이 모드는 배포용으로 사용되고, 성능 최적화 및 애플리케이션의 최종 상태를 확인할 때 주로 사용됨.
npx next build 명령을 사용하여 빌드된 프로덕션 빌드가 있는지 확인 후, 서버를 시작함.

npm run dev

npm run dev 명령은 Next.js 애플리케이션을 개발 모드로 실행한다.
개발 모드에서는 애플리케이션을 빠르게 빌드하고, 핫 리로딩(Hot Reloading)을 지원하여 개발 중인 코드 변경 사항을 실시간으로 반영한다.
이 모드는 개발 중에 사용되며, 개발자가 애플리케이션을 수정하고 테스트하는데 유용함.
npx next dev 또는 npm run dev 명령을 사용하여 개발 서버를 시작함.

왜인지 아직 모름..
npm run dev 를 실행한 후 npm run start 를 하게 되면 Error가 발생하는데 npx run build 로 해결이 가능하다.