I still don't like next.js caching
- Next.js 캐싱 시스템은 복잡하고, 개발 모드와 프로덕션 모드에서 동작이 다를 수 있음. 🤯
Suspense
를 사용하여 데이터 로딩 중 UI 블로킹을 방지하고 스트리밍을 개선할 수 있음. 💨
- React
cache
를 사용하면 서버 컴포넌트에서 중복된 데이터 요청을 방지하여 성능을 향상시킬 수 있음. ♻️
- Next.js는 기본적으로
fetch
API를 패치하여 자동으로 메모리제이션 및 중복 제거를 수행함. ⚙️
unstable_cache
는 디스크에 데이터를 캐싱하고, 재검증을 통해 데이터를 새로 고침할 수 있음. 💾
useCache
지시어는 전체 컴포넌트(JSX 포함)를 캐싱할 수 있지만, 헤더, 쿠키, 파라미터를 사용하면 캐싱이 동작하지 않을 수 있음. ⚠️
- 캐시 수명(
cache-life
)을 사용하여 캐시 만료 시간을 설정할 수 있음. ⏱️
- Next.js 캐싱 시스템은 여전히 개선의 여지가 있으며, 예상치 못한 동작으로 인해 어려움을 겪을 수 있음. 🤔