💾

Advanced Caching Demo

🎯 OpenNext Caching Features

OpenNext provides multiple caching layers including ISR, static generation, and R2-backed incremental cache for optimal performance on Cloudflare's edge network.

Current Cache Status

Generated at:2025-12-13T04:01:11.350Z

Cache ID:788

Revalidate:30 seconds

Cache Type:ISR + Edge

Expensive Operation Result

Computation:804008

Duration:100ms

Cached:No

Caching Strategies Available

⚡ Static Generation

Pre-built at build time, served instantly from CDN.

🔄 ISR

Static with background regeneration on schedule or demand.

📦 R2 Cache

Persistent cache storage using Cloudflare R2 object storage.

🌍 Edge Cache

Cached at 300+ Cloudflare edge locations globally.

🔧 Configuring R2 Cache

To enable R2-backed incremental cache, uncomment the configuration in open-next.config.ts:

import r2IncrementalCache from "@opennextjs/cloudflare/overrides/incremental-cache/r2-incremental-cache";

export default defineCloudflareConfig({
  incrementalCache: r2IncrementalCache,
});

🧪 Test Cache Behavior

This page is cached for 30 seconds. Refresh quickly to see cached content, or wait 30+ seconds to see fresh generation.

🔄 Refresh Page

⏰ Revalidates every 30 seconds