반응형
요즘은 Next.js 를 공부하는 중이다.
최근까지 CSR 방식을 사용해 개발하며 느꼈던 단점들을 SSR 과 SSG 방식을 통해 보완할 수 있게 되어 매우 들떠있다.
Next.js 를 시작하며 명령어가 너무 헷갈렸다. 정확한 명령어를 알고 사용하기 위해 정리해보았다.
dev - Runs next dev to start Next.js in development mode // 디벨롭 모드 시작하기
build - Runs next build to build the application for production usage // 프로덕션 빌드할 떄
start - Runs next start to start a Next.js production server // 프로덕션 서버 시작하기
- next dev 는 source map 과 hot code reloading 이 제공되어 디버깅 시 매우 유용하다
- next build, start 는 운영 버전의 사이트를 로컬에서 배포하는데 사용하는 명령어이다. (source map / hot code reloading X)
package.json 을 생성하면 script 가 생기고 그 안에는 명령어가 여러개가 있다.
명령어를 실행하면 연결되는 포트#을 변경하려면 아래와 같이 입력해주면 된다.
ref:
반응형
'Next' 카테고리의 다른 글
Next.js - 서버 컴포넌트에서 useContext() 사용하기 (0) | 2023.12.31 |
---|---|
Next.js - Route 로 관리하는 모달 만들기 (URL 히스토리) (1) | 2023.12.29 |
Next.js - global 구글 폰트 적용하기(next/font) (0) | 2023.08.17 |
Next.js - SVG 사용해서 컬러, 사이즈 변경하기 (Feat.svrg) (1) | 2023.05.14 |
Next.js - Styled-components 적용전 렌더링 되는 이슈 (0) | 2023.04.16 |
댓글