Next.js 16 ISR & Cache Demo

This demo showcases the latest Next.js 16 features including Cache Components, ISR, and Partial Prerendering (PPR).

Products Catalog

Demonstrates 'use cache' directive with cacheLife() and cacheTag() for granular control.

Admin Dashboard

Test cache revalidation with revalidateTag(), updateTag(), and see PPR in action.

News & Articles

On-demand ISR with dynamic routes. Params Promise passed directly to cached component - no intermediate compute layer.

Parallel Routes

Explore Next.js parallel routes with independent loading and rendering of dashboard sections.

Features Demonstrated:

  • 'use cache' directive
  • cacheLife() API
  • cacheTag() for granular control
  • revalidateTag() for eventual consistency
  • React Server Components (RSC)
  • Partial Prerendering (PPR)