Route 단위 제어를 벗어난 Per-Data Granularity 기반 캐싱 전략

Context

Next.js App Router 도입 시 데이터 신선도에 대한 명확한 정의 없이 force-dynamic 등 전역 플래그를 남용하는 경향 존재. 이로 인해 데이터 변경 주기가 긴 페이지까지 매 요청마다 재생성하여 불필요한 연산 비용과 응답 지연 발생.

Technical Solution

• 데이터별 허용 가능한 Staleness를 정의하여 캐시 옵션을 결정하는 'Data Contract' 관점의 설계 도입
• force-dynamic을 통한 전체 Segment 제외 대신 cache: 'no-store'를 사용하여 특정 Fetch 요청만 Data Cache에서 제외하는 정밀 제어
• revalidate: N 설정을 통한 Background Rebuild(ISR) 구조 설계로 사용자 응답 시간 최적화
• Segment-level과 Fetch-level 캐시 설정 간의 우선순위 분석을 통한 최하위 값(Lower Value) 기반의 캐시 만료 제어
• Next.js 15 버전의 Fetch 기본값 변경(no-store)을 인지하고 명시적인 force-cache 선언을 통한 의도 전달
• 외부 CDN 및 프록시 계층의 Cache-Control 헤더와 Next.js Data Cache 간의 상호작용을 고려한 End-to-End 신선도 보장