Welcome to the Next.js v15+ Cache Demo
Explore how Next.js implements Request Memoization, Data Cache, Full Route Cache, and Router Cache through hands-on examples.
How to Test the Caching Mechanisms
- Products: Observe how multiple calls to the same fetch function only result in one network request.
- Blog List: Refresh within 120 seconds to see cached data, after to see fresh fetch.
- Blog Detail: Pages are statically rendered and served from cache.
- Pokémon: Hover links to prefetch, click to experience instant navigation via Router Cache.