Next.js Cache Testing

App Router Caching Capabilities

Next.js App Router Cache Testing

This application is designed to test Next.js App Router caching capabilities across different hosting environments.

Static Page

Tests static content that is cached forever (force-cache)

Revalidated Page

Tests ISR with 30-second revalidation

Dynamic Page

Tests dynamic content with no caching (no-store)

Nested Components

Tests nested components with different cache settings

How to Use This Test App

  1. Visit each test page to observe its caching behavior
  2. Refresh the page to see if content is served from cache
  3. For revalidated content, wait for the revalidation period to see updates
  4. Use different regions (via VPN) to test cache distribution
  5. Compare behavior across different hosting environments