🗃️
Data Fetching

Next.js Caching

Multiple Cache Layers
💡 Next.js, caching, "MULTIPLE, STORAGE, LAYERS" jaisi, hai — EK, FRIDGE, (Data Cache), EK, PANTRY, (Full Route Cache), aur, EK, TABLE, PAR, PLATE, (Router Cache) — HAR, LAYER, ki, apni, EXPIRY, aur, PURPOSE, hai.

Data, Cache, individual, fetch() calls, ke, RESULTS, ko, CACHE, karta hai — PERSIST, hota hai, MULTIPLE, requests, aur, DEPLOYMENTS, ke, BEECH. Full, Route, Cache, POORE, RENDERED, HTML, ko, CACHE, karta hai (static, routes, ke, liye).

Router, Cache, (CLIENT-SIDE) BROWSER, mein, RECENTLY, VISITED, ROUTES, ko, CACHE, karta hai — NAVIGATION, INSTANT, feel, hoti, hai, kyunki, DOBARA, SERVER, se, FETCH, karne, ki, ZAROORAT, NAHI, hoti.

// Force no caching:
fetch(url, { cache: "no-store" });

// Cache with revalidation:
fetch(url, { next: { revalidate: 60 } });

// Default (cached indefinitely, until, revalidated):
fetch(url);
🗃️
Next.js, caching, "MULTIPLE, STORAGE, LAYERS" jaisi, hai — EK, FRIDGE, (Data Cache), EK, PANTRY, (Full Route Cache), aur, EK, TABLE, PAR, PLATE, (Router Cache) — HAR, LAYER, ki, apni, EXPIRY, aur, PURPOSE, hai.
1 / 2
⚡ Quick Recap
  • Data Cache = fetch() results, ko, cache, karta, hai
  • Full Route Cache = poore, rendered, HTML, ko, cache, karta, hai
  • Router Cache = client-side, browser, mein, recent, routes, cache, karta, hai
On this page (2 subtopics)

cache: "no-store" option, se, EK, SPECIFIC, fetch() call, ko, EVER, CACHE, hone, se, ROKA, ja, sakta hai — HAR, request, PAR, FRESH, DATA, guaranteed, karta hai, LEKIN, PERFORMANCE, COST, PAR.

fetch(url, { cache: "no-store" });

unstable_cache(), (next/cache se) DATABASE, queries, jaisi, non-fetch, operations, ko, bhi, CACHE, karne, deta hai — fetch() ki, tarah, hi, caching, benefits, MILТE, HAIN, LEKIN, ARBITRARY, async, functions, ke, liye.

💡Tip: unstable_cache(), NAAM, ke, BAAWJOOD, PRODUCTION, mein, WIDELY, used, hai — "unstable" naam, ISLIYE, hai, kyunki, API, FUTURE, mein, CHANGE, ho, sakta, hai, functionality, RELIABLE, hai.