Next.js Data Cache 정밀 제어를 위한 revalidateTag 및 updateTag 최적화 전략

Context

정적 렌더링 기반의 Full Route Cache 환경에서 특정 데이터 변경 시 전체 페이지를 다시 빌드하는 비효율성 존재. 데이터 태그 기반의 On-demand Revalidation을 통해 필요한 부분만 선택적으로 갱신하는 정교한 캐시 무효화 전략 필요.

Technical Solution

• revalidateTag를 Route Handler에 배치하여 외부 API 호출을 통한 유연한 Cache Invalidation 구조 설계
• SWR(Stale-While-Revalidate) 방식의 max 프로필을 적용해 사용자에게 즉시 stale 콘텐츠를 제공하며 백그라운드에서 데이터 갱신 수행
• RYOW(Read-Your-Own-Writes) 일관성 보장을 위해 { expire: 0 } 설정을 통한 즉각적인 캐시 무효화 처리
• Server Action 전용 updateTag 도입으로 서버 측 상태 변경과 동시에 해당 태그를 참조하는 Data Cache 엔트리 동기화
• updateTag 호출 시 요청이 발생한 현재 경로의 즉시 리렌더링과 타 경로의 Request-time 갱신을 분리한 하이브리드 갱신 모델 채택
• Data Cache 태그와 Full Route Cache의 의존 관계를 활용하여 태그 무효화 시 연관된 정적 경로까지 자동으로 stale 상태 전환