Next.js

증분 정적 재생성 (ISR)

이전 절에서는 정적 사이트 생성(SSG)이 정적 HTML로 초기 응답을 빠르게 만들고 검색 엔진 색인에 유리하지만, 빌드 시점에 콘텐츠가 고정된다는 한계가 있음을 확인했습니다. 또한, 서버 사이드 렌더링(SSR)은 항상 최신 데이터를 제공하지만, 요청마다 서버에서 렌더링해야 하므로 SSG만큼 빠르지 않을 수 있습니다.

정적 성능과 최신성 요구를 함께 보며 revalidate 주기와 ISR 적용 기준을 정리합니다.

증분 정적 재생성 흐름

1

ISR 개념

증분 정적 재생성(ISR)은 Next.js 애플리케이션이 빌드된 후에도 정적 페이지를 "재생성"할 수 있도록 하는 기능입니다.

2

App Router에서 ISR 구현하기

Next.js App Router에서 ISR을 구현할 때는 서버 컴포넌트 내의 fetch 함수에 next.revalidate 옵션을 추가합니다.

3

ISR의 고급 사용 사례 및 고려사항

revalidate를 0으로 설정: next: { revalidate: 0 }은 캐시를 사용하지 않고 매 요청마다 SSR처럼 동작하도록 강제합니다.

4

정적 사이트 생성(SSG)

이전 절에서는 정적 사이트 생성(SSG)이 정적 HTML로 초기 응답을 빠르게 만들고 검색 엔진 색인에 유리하지만, 빌드 시점에 콘텐츠가 고정된다는 한계가 있음을 확인했습니다.