RSS DEV 커뮤니티

Next.js 15 : 점진적 정적 재생성 (ISR)

증분 정적 재생성 (Incremental Static Regeneration, ISR)은 전체 사이트를 다시 생성하지 않고 정적 콘텐츠를 업데이트할 수 있도록 해주며, 대부분의 요청에 대해 미리 생성된 정적 페이지를 제공하여 서버 부하를 줄입니다. ISR은 다음 생성 시간이 오래 걸리기 전에 많은 수의 콘텐츠 페이지를 처리할 수 있습니다. ISR의 작동 방식을 보여주는 예제는 다음과 같습니다. 모든 페이지 요청이 캐시되고 즉시 처리되며, 30초 후에 캐시가 무효화되고 페이지의 새로운 버전이 백그라운드에서 생성되기 시작합니다. 생성에 성공하면 Next.js는 업데이트된 페이지를 표시하고 캐시합니다. 더 정밀한 처리를 위해서는 수요에 따른 재검증(on-demand revalidation)을 사용할 수 있지만, 실시간 데이터의 경우 동적 처리를 고려해야 합니다. Next.js는 수요에 따른 재검증을 사용하여 특정 페이지 또는 경로의 캐시를 수동으로 지울 수 있습니다. revalidatePath는 특정 페이지 또는 경로의 캐시를 무효화하는 데 사용되며, revalidateTag는 태그가 지정된 콘텐츠의 전체 캐시를 지우는 데 사용됩니다. 정적 내보내기(Static Export)를 생성할 때는 ISR을 지원하지 않으며, 다른 재검증 빈도에 대한 여러 개의 fetch 요청은 ISR에 가장 낮은 시간을 사용합니다. 미들웨어는 수요에 따른 사용자 요청에 대해 실행되지 않으며, 미들웨어의 경로 재작성 또는 논리는 적용되지 않습니다.
favicon
dev.to
Next.js 15 : Incremental Static Regeneration (ISR)