SSG (Static Site Generation)

빌드 시점에 HTML을 생성해 정적으로 배포하는 방식

분야: 프론트엔드 시리즈: 렌더링 전략 frontendrenderingseocaching

SSG는 빌드 시점에 페이지 HTML을 생성하고, CDN/정적 서버에 배포하는 방식입니다.

언제 잘 맞나요?

  • 문서/블로그/사전처럼 “읽기” 중심 콘텐츠
  • 트래픽이 많고 캐시 효율이 중요한 경우

관련 문서

Code Splitting
코드를 여러 청크로 분리해 필요한 시점에만 로드하는 최적화
CSR (Client-Side Rendering)
브라우저에서 JavaScript로 화면을 렌더링하는 방식
Hydration
SSR/SSG로 내려온 HTML에 JS 이벤트를 연결해 인터랙션을 활성화하는 과정
SSR (Server-Side Rendering)
서버에서 HTML을 렌더링해 초기 응답을 만드는 방식
Tree Shaking
사용하지 않는 코드를 번들에서 제거해 용량을 줄이는 최적화