Next.js 15 Caching Tutorial

Learn how caching works in Next.js 15 using real code examples. Click a link to explore.

• Static Page — Rendered at build time, cached indefinitely.
  dynamic = `force-static`
• Revalidated Page — Cached and re-rendered every 10 seconds.
  revalidate = 10
• Dynamic Page — No caching; freshly rendered every time.
  dynamic = `force-dynamic`
• API Data with `fetch` — Cached API response, revalidated after 15 seconds.
  fetch(..., { next: { revalidate: 15 } })