[TIL] Next.js - ISR

JongYeon·2025년 3월 12일

TIL

목록 보기
45/69
post-thumbnail

ISR

Incremental Static Regeneration
설정한 주기마다 정적 페이지를 재생성하여 CDN에게 전달하는 기법
SSG의 단점인 정적페이지만 전달할 수 있는 점을 그나마 보완한 기법이다.

특징

  • SSG와는 다르게 데이터가 업데이트되었을 때 실시간은 아니지만 그나마 업데이트 된 정보를 제공받을 수 있다.
  • 실시간 업데이트가 아니기 때문에 동적 컨텐츠는 다루기 힘들다.

예시

  • 예시 1: 온라인 쇼핑몰의 상품 상세 페이지
    - 상품 상세 페이지는 대부분 정적 콘텐츠로 구성되어 있어 빠른 로딩 속도가 중요한 요소입니다. 처음 방문 시 정적으로 생성된 페이지를 보여주어 사용자 경험을 개선합니다.
    - 상품의 가격, 재고 상황, 사용자 리뷰 등은 시간이 지남에 따라 변경될 수 있습니다. ISR을 사용하면, 일정 주기(예: 60초마다)나 온디맨드 방식으로 페이지를 백그라운드에서 재생성해 최신 정보를 반영할 수 있습니다.
  • 예시 2: 뉴스 웹사이트의 기사 페이지
    - 뉴스 기사 페이지는 한 번 게시된 후에도 많은 사용자에게 빠르게 제공되어야 하므로, 정적으로 생성된 페이지가 적합합니다.
    - 실시간으로 변동되는 속보나 업데이트된 정보(예: 수정된 사실, 추가된 인터뷰 내용 등)를 반영하기 위해, ISR을 통해 일정 간격마다 또는 특정 이벤트(예: 기자가 콘텐츠를 업데이트할 때) 페이지를 재생성할 수 있습니다.
profile
프론트엔드 공부중

0개의 댓글