npm start, npm run dev 의 차이점

 

 

 

nextjs 프로젝트를 할 때는 npm run dev를 react 프로젝트를 할 때는 npm start로 개발모드를 런한다.

왜 프로젝트에 따라서 명령어가 다를까? 라는 생각이 들었다.

물론 package.json에 설정된 값에 따라 다르다는게 중요하지만 어쨋든 프로젝트마다 쓰는 라이브러리, 프레임워크에 따라서 디폴트 값이 다르다는 것! 

 

 

Nextjs _ package.json 

 

 

 

• next dev ⇒ 개발 모드에서 실행
• next build ⇒ 프로덕션 빌드 용도로 애플리케이션 빌드
• next start ⇒ Next.js 프로덕션 서버 시작

• next dev 명령어가 실행됩니다. 이 명령어는 개발 서버를 시작하고 Next.js 애플리케이션을 실행
• next dev 명령어는 .next 디렉토리를 생성하고, Next.js 애플리케이션의 소스 코드를 트랜스파일하고 번들링
• Next.js 개발 서버는 pages 디렉토리 내의 파일들을 읽어와서 라우팅을 처리하고, 디렉토리에 있는 각 파일은 애플리케이션의 경로와 매핑되며, 해당 경로로 접근하면 해당 파일이 렌더링 (현재 nextjs14를 쓰고 있는데, pages 디렉토리를 쓰지 않고 이제 src 디렉토리안에 app 이라는 디렉토리를 써서 라우팅한다. pages를 써도 되는데, pages를 쓰더라도 app이 우선시 되기때문에 라우팅 경로가 겹치지 않게 조심해야한다. )
• 개발 서버는 변경사항을 감지하고 자동으로 리로드하고 파일이 수정되면 애플리케이션은 자동으로 다시 빌드되고 브라우저에서 변경사항이 실시간으로 반영된다

 

 

나와 같은 생각을 하고 있던 분이 stackoverflow에 질문을 올렸닿 ..

• https://stackoverflow.com/questions/69400243/whats-the-difference-between-npm-run-dev-and-npm-run-start-in-next-js

What's the difference between npm run dev and npm run start in Next.js?

 

 

 

공식문서 (Nextjs Command line interface)

• https://nextjs.org/docs/app/api-reference/next-cli

API Reference: Next.js CLI | Next.js