프로젝트 빌드

빌드(build)는 간단히 말해서 우리가 작성한 코드, 프로젝트를 실행 할 수 있는 형태로 만들어 주는 것입니다.

터미널에서 yarn build 명령어를 실행하면,

package.json 파일의 scripts 부분의 build가 실행되고, 빌드된 프로덕션 코드가 .next 폴더에 저장됩니다.

"scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint",
    "generate": "graphql-codegen"
  },

SSG (Static Site Generation)

NEXT는 서버에서 미리 HTML 화면을 그린 다음에 브라우저에 보여준다고 배웠습니다. 여기에는 2가지 방식이 있습니다.

빌드 할 때 페이지별로 HTML을 생성하고 요청을 받을 때마다 미리 만들어둔 것으로 응답하는 SSG 방식

매번 요청을 받을 때마다 서버에서 HTML을 그려서 주는 SSR 방식

package.json 파일에서 build 명령어를 보면

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

⇒ 이 경우 SSG와 SSR 둘 다 지원한다는 뜻입니다.

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