---
id: FE-REND-ISR-001
category: Dev
confidence_score: 1.0
tags: [nextjs, isr, rendering, web-[[Architecture|Architecture]], ssg, performance, [[Scalability|Scalability]], seo]
last_reinforced: 2026-04-26
---

# Incremental Static Regeneration: ISR (점진적 정적 재생성)

## 📌 한 줄 통찰 (The Karpathy Summary)
> "전체 사이트를 다시 빌드하지 않고도 정적 페이지를 백그라운드에서 실시간으로 업데이트하여, 정적 사이트의 성능(SSG)과 동적 데이터의 최신성(SSR)을 완벽하게 결합하라" — 대규모 콘텐츠 사이트의 확장성과 속도를 해결하는 차세대 렌더링 전략.

## 📖 구조화된 지식 (Synthesized Content)
- **추출된 패턴:** "Stale-While-Revalidate at Scale" — 사용자에게는 일단 캐시된 정적 페이지를 즉시 서빙하고, 설정된 주기마다 백그라운드에서 데이터를 갱신하여 다음 사용자에게 최신 페이지를 제공하는 패턴.
- **ISR의 핵심 메커니즘:**
    - **Revalidate Interval:** 초 단위로 갱신 주기를 설정 (예: 60초).
    - **Background Regeneration:** 주기가 지난 후 첫 요청이 들어오면 기존 페이지를 즉시 보여주되, 서버는 백그라운드에서 새 페이지를 생성.
    - **Atomic Replacement:** 생성이 완료되면 기존 캐시를 새 페이지로 교체.
- **의의:** 수백만 개의 페이지를 가진 이커머스나 뉴스 사이트에서도 빌드 시간을 획기적으로 줄이면서도 최신 정보를 유지할 수 있게 함.

## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
- **과거 데이터와의 충돌:** 과거에는 실시간 정보를 위해 무조건 SSR을 사용했으나, 이는 서버 부하를 가중시켰음. ISR 정책은 '수용 가능한 수준의 최신성'을 타협 정책으로 채택하여 서버 비용과 사용자 경험을 최적화함.
- **정책 변화:** Antigravity 프로젝트는 상품 상세 페이지 및 카테고리 목록에 대해 기본적으로 ISR 정책을 적용하며, 재고 정보와 같은 극도로 민감한 데이터에 한해서만 부분적인 클라이언트 사이드 데이터 페칭 정책을 결합함.

## 🔗 지식 연결 (Graph)
- Static-Site-Generation-SSG, Server-Side-Rendering-SSR, [[Web-Rendering-Strategies-CSR-vs-SSR|Web-Rendering-Strategies-CSR-vs-SSR]], [[Nextjs-App-Router-Architecture|Nextjs-App-Router-Architecture]]
- **Raw Source:** 00_Raw/Incremental Static Regeneration (ISR).md