SSR vs SSG vs ISR — 렌더링 전략 완벽 비교

렌더링 전략 비교

• SSR: 매 요청마다 서버에서 렌더링. 항상 최신 데이터
• SSG: 빌드 시 HTML 생성. 가장 빠른 응답 속도
• ISR: SSG + 주기적 재생성. 속도와 최신성의 균형

Next.js에서 선택

// SSG (기본)
export default async function Page() {
  const data = await fetch(url, { cache: "force-cache" });
}

// ISR
export const revalidate = 60;

// SSR
export const dynamic = "force-dynamic";

대부분의 콘텐츠 페이지는 ISR, 사용자별 데이터는 SSR이 적합합니다.