이 글은 누구를 위한 것인가
Next.js App Router로 사이트를 만드는 프론트엔드 분을 위한 글입니다. “로컬에선 되는데 배포만 이상해요”의 상당수는 캐시 기본값입니다.
기본값의 함정
App Router는 기대와 다른 캐시 동작을 할 수 있습니다. 문서의 기본값을 릴리스마다 확인합니다.
revalidate
시간 기반과 온디맨드 재검증을 나누고, 무효화 범위를 태그로 제한합니다.
동적 데이터
개인화된 페이지는 캐시 계층을 의도적으로 끕니다. 그 비용을 성능 예산에 넣습니다.
맺으며
캐시는 빠르게 만들지만 디버깅을 어렵게 합니다. 관측 로그와 캐시 키 설계를 같이 가져가야 합니다.