Next.jsmedium

App Router data fetching — how does Next.js cache `fetch()` by default?

Tags

#fetch#revalidate#cache

Back to category Practice quiz

Answer

In Server Components, Next can cache `fetch()` results and dedupe requests. You can opt out with `cache: 'no-store'` or set revalidation with `next: { revalidate: seconds }` to control freshness.

const res = await fetch('https://example.com/api', {
  next: { revalidate: 60 },
})

Related questions

App Router data fetching: what do `cache: 'no-store'` and `revalidate` change?

#nextjs#fetch#cache

Cache invalidation: what do `revalidatePath` and `revalidateTag` do?

#nextjs#cache#revalidate

What does `router.refresh()` do in the App Router (and when use it)?

#nextjs#router#refresh