Menu

Next.js App Router Caching — Cheat Sheet
📰

Next.js App Router Caching — Cheat Sheet

DEV Community: nextjs·Mohsen Fallahnejad·7 days ago
#BHnLzMQ6
#devtonextjs#devto#dev#cache#dynamic
Reading 0:00
15s threshold

Next.js caches at multiple layers . This guide compresses the official caching docs into a quick reference.

1. The Cache Layers

React Request Memoization

Deduplicates repeated fetch calls during a single render.

Cleared after render; not persistent across requests.

Data Cache (server, persistent)

Stores fetch results across requests.

Controlled by cache and next.revalidate .

force-cache → uses it.

no-store → skips it.

next.revalidate → ISR-style time-based revalidation.

Can also revalidate on-demand ( revalidateTag , revalidatePath ).

Full Route Cache (server)

Stores rendered RSC/HTML for static routes.

Invalidated when data revalidates or on redeploy.

Dynamic routes skip this.

Router Cache (client)

Stores prefetched RSC payloads for <Link> navigations.

Cleared by router.refresh() (client-only).

2.…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.