1. 개념 요약

ISR (Incremental Static Regeneration)

→ 기존 SSG(Static Site Generation)의 한계를 보완한 Next.js의 정적 페이지 재생성 방식이다.

• 빌드 시 생성한 정적 페이지를 지정된 주기(revalidate)에 따라 백그라운드에서 갱신한다.
• 이를 통해 **빠른 로딩 속도(정적 페이지)**와 **최신 데이터 반영(재생성)**을 동시에 만족시킬 수 있다.

return {
  props: { ... },
  revalidate: 60 // 60초마다 백그라운드에서 재생성 시도
}

2. 배경 지식

2-1. SSG의 단점

• 정적 페이지는 빌드 시점의 데이터만 반영되므로,

  자주 변경되는 콘텐츠에는 적합하지 않음

2-2. ISR의 필요성

• 동적 콘텐츠를 빠르게 제공하면서도 서버 요청을 줄이고 싶을 때
• 예: 블로그, 뉴스, 제품 상세 페이지 등에서 최신 데이터 반영이 필요하지만 완전한 SSR은 부담일 경우

3. 상세 설명

3-1. 작동 방식 요약

1. 첫 방문 시 정적 HTML이 제공됨 (SSG처럼 빠름)