mediumSystem Design

What is the Data Cache in Next.js and how do you opt out of it?

Q: What is the Data Cache in Next.js and how do you opt out of it?

**TL;DR.** The **Data Cache** stores fetch (and cached function) results on the **server across requests and deployments** to avoid refetching. Opt out per fetch with cache: 'no-store' , per segment with export const dynamic = 'force-dynamic' or revalidate = 0 — so data is always fresh. fetch() result stored Data Cache persists across requests/deplo

988 views

Understand the problem

Persistent server-side cache for fetched data.

nextjsdata-cachecachingno-store

Attempt it yourself

Sketch your approach before reading the solution — that's what interviews test.

Stuck? AI Nudge Available

Get a conceptual hint to guide your logic without spoiling the final implementation.

Study the solution

The solution is waiting

Give it an honest attempt first — then compare your thinking with the full walkthrough.

Read the code

Cache DB reads; bypass for user data

import { unstable_cache } from 'next/cache';

// cache a non-fetch (DB) read in the Data Cache
const getProducts = unstable_cache(async () => db.product.findMany(),
  ['products'], { revalidate: 3600, tags: ['products'] });

// opt out for per-user data
const me = await fetch('/api/me', { cache: 'no-store' });

Join the discussion

Discussion (0)

No responses yet. Be the first to share what you think.

What is the difference between static and dynamic rendering in the Next.js App Router?

What is the difference between getServerSideProps/getStaticProps and App Router data fetching?