SSG란

  • Static Site Generation. 빌드 때 페이지를 HTML로 미리 만들어 두는 방식
  • 요청이 오면 서버가 렌더하지 않고 완성된 HTML을 그대로 전달함

렌더 시점 비교

  • CSR — 브라우저가 JS를 받아 그림. 첫 화면이 느리고 SEO에 불리
  • SSR — 요청마다 서버가 HTML을 생성. 항상 최신, 대신 요청마다 연산
  • SSG — 빌드 때 HTML을 만들어 둠. 요청 시 완성품 전달

장점

  • 정적 파일이라 CDN 캐시가 됨 → 빠르고 서버 부하가 없음
  • 완성된 HTML을 주므로 SEO·OG에 유리 (봇이 JS를 실행하지 않아도 내용이 있음)
  • 서버 런타임이 필요 없어 배포·운영이 단순

한계와 대안

  • 내용이 바뀌면 다시 빌드해야 반영됨 → 요청 순간의 최신 데이터에는 부적합
  • 자주 바뀌는 데이터(재고, 실시간 가격)는 SSR 또는 클라이언트 fetch가 맞음
  • ISR: 정적으로 굳히되 일정 주기/재검증 시 백그라운드에서 다시 생성. "대부분 정적 + 가끔 갱신"에 적합

정리

  • 렌더링 방식은 속도가 아니라 데이터가 언제 바뀌는지를 기준으로 고름
  • 빌드 시점에 내용이 확정되는 데이터(블로그 글, 문서, 마케팅 페이지) → SSG가 적합