Full Route Cache란?

• 빌드 타임에 특정 페이지를 미리 렌더링하여 캐싱하는 기능(빌드 타임에 페이지를 생성, 렌더링 결과를 서버의 캐시에 저장)

• 같은 라우트를 다시 방문할 때 서버 요청 없이 캐시된 UI 재활용

  빠른 페이지 전환, 서버 부하 감소

Static vs Dynamic Rendering과 캐싱

Static Rendering

• Full Route Cache에 저장됨 → 다음 요청에서 즉시 렌더링됨
• Data Cache + Router Cache 모두 작동

Dynamic Rendering

• Full Route Cache 저장 안 됨 → 매 요청마다 렌더링
• Router Cache(클라이언트)만 작동 (페이지 이동 시 캐시 활용 가능)

Invalidation

• next.revalidate 설정 만료 (fetch)
• 재배포

Opt-out (Full Route Cache 사용하지 않기)

• const dynamic = 'force-dynamic'

• const fetchCache = 'default-no-store'

• const revalidate= 0

• 해당 3개 중에 한개를 사용하면 해당 이미지 있던게 사라짐