🔑 Vercel Cache

곽태욱·2025년 8월 22일

edge 환경에선 fetch(..., { next: { revalidate: ...}}) 의 revalidation이 동작하지 않음
- unstable_cache , fetch 등 응답 데이터 재검증은 Node.js 환경에서만 동작함
대신 Cache-control 헤더로 응답을 캐싱할 수 있음
- max-age : 응답을 브라우저에 캐싱할 최대 시간
- s-maxage : 응답을 Vercel edge 환경에 캐싱할 최대 시간
- stale-while-revalidate : 캐시 데이터가 만료됐지만, 해당 데이터를 줘도 되는 추가적인 시간
- public : 브라우저 + 브라우저와 원본 서버 사이 CDN(Vercel 등)에 캐싱 가능
- private : 브라우저에만 캐싱 가능
인사이트
- 재검증 요청 주기: s-maxage ~ s-maxage + swr 주기로 요청 보냄
- 최대 캐시 데이터 수명: s-maxage * N + maxage + min(swr, maxage)
  - N은 중간 CDN 개수 (보통 1)
  - 데이터 만료일이 정해져 있는 경우 위의 수명 공식을 고려해야 함

이유와 방법을 알려주는 메모장 겸 블로그 (Frontend, AI, 경제, 책)