Skip to main content

fetchCache 실전 서브앱

fetchCache 대신 use cache 경계 내부 fetch 자동 캐시를 사용합니다.

legacy/useCache/round를 바꿔 hit/miss 차이를 확인해보세요.

파일 구조

cache-components/fetchcache/
|- page.tsx
\- demo/
   \- page.tsx

핵심 코드

// Before: export const fetchCache = 'force-cache'
// After: 'use cache'

실전 점검 체크리스트

  • - legacy fetchCache 제거
  • - scope cache 경계 명시
  • - 경계 안/밖 fetch 분리
← 스터디로 돌아가기