Next.js 14 Tutorial - 68 - Opting Out of Caching

Next.js 14에서 캐싱을 무시하는 방법을 앱의 캐싱 설정에 유연성을 더하여 특정 데이터 가져오기 호출에 적용할 수 있어요. 🚫 🧠

individual data fetches를 위해서 cache: 'no-store' 옵션을 사용하면 캐시를 우회하여 원하는 경우마다 데이터를 데이터원에서 직접 가져옵니다. 🚀

cache: 'no-store'를 적용할 fetch request 다음에 다른 fetch request를 실행했을 때, 이후 fetch request 또한 캐싱되지 않는다는 예상치 못한 동작이 관찰됩니다. 🤔

단일 Fetch Request를 사용하는 경우, 캐싱하려는 사용자가 있는 경우, 윗 request 부분에 cache: 'no-store'를 한시적으로 추가해 주는 것을 추천합니다. 🚫 ➕

동적 함수가 호출되기 전까지는 캐싱이 적용되고, 동적 함수가 호출된 이후에는 캐싱되지 않습니다. 🧐

Route Segment configuration을 사용하면 특정 경로에서의 캐싱 동작을 다양하게 제어할 수 있습니다. 🗺️

fetch cache 설정은 next.js 문서에서 자세한 내용을 참고하여 사용할 수 있습니다. 📚