프론트엔드 개발

시작하기 본문

Front-End/NextJs

시작하기

태나미 2021. 2. 6. 00:45

필요조건

Setup

npx create-next-app

// or

yarn create next-app

create next-app으로 설치 시,

1. 컴파일과 번들링이 자동으로 된다.

2. 변경사항 저장 시, 화면에 바로 적용

3. SSR 지원

4. static 파일 지원

 

pacakage.json에서는

"scripts": {
  "dev": "next dev",
  "build": "next build",
  "start": "next start"
}

- develope 환경 yarn dev를 터미널에서 실행하면, development server가 실행된다.

'http://localhost:3000'으로 들어가서 확인해보면 된다.

 

- product 환경 yarn start를 하기전에 build를 해야 production server가 실행된다.

 

 

 

'Front-End > NextJs' 카테고리의 다른 글

Pre-rendering  (0) 2021.02.06
routing  (0) 2021.02.06
data fetching  (0) 2021.02.04
왜 Next js를 써야할까?  (0) 2021.01.28
SSR과 CSR  (0) 2021.01.28
Comments