ProgrUmar Logo
Module 2: React Server Components & Data Fetching

Caching & Revalidation Strategies

Duration: 18 mins

Next.js Caching Layers

  1. Request Memoization — deduplicates identical fetch() calls in one render tree
  2. Data Cache — persists fetch results across requests and deployments
  3. Full Route Cache — caches rendered HTML & RSC payloads at build time
  4. Router Cache — client-side cache of visited route segments

Revalidation Options

  • Time-based: next: { revalidate: 60 }
  • On-demand: revalidatePath() and revalidateTag() in Server Actions
Chat with us