Next.js 16 ISR & Cache Demo

On-Demand ISR

Feature: Dynamic route caching with 'use cache'

Click any article below to see on-demand ISR in action. Each article is cached for 60 seconds after the first request.

Next.js 16 Released

2024-11-20

Explore the latest features in Next.js 16 including improved caching and ISR.

2024-11-18

Deep dive into Next.js 16's Cache Components and how they improve performance.

2024-11-15

Learn how to use PPR to optimize your Next.js applications for better UX.

2024-11-12

Best practices for implementing Incremental Static Regeneration in production.

Each article uses 'use cache' with cacheLife('seconds') for 60s cache
Articles are generated on-demand with a simulated 2s delay on first request
Subsequent requests within 60s serve the cached version instantly
After 60s, the cache automatically revalidates on the next request
Params Promise is passed directly to cached component - no intermediate compute layer
Try visiting an article, then refresh - notice it loads instantly from cache