Next.js 16 ISR & Cache Demo

Cached RSC

Cache Tags: product-5, products

Last Updated: 2025-11-26T22:08:38.626Z

Tagged with both product-5 and products so it revalidates when either tag is invalidated

Description

Premium over-ear headphones with active noise cancellation.

Details

Price:: $299.99
Stock:: 12 units available
Category:: Audio
Product ID:: 5

Dynamic Content (Not Cached)

Current Server Time: 2025-11-30T10:36:09.273Z

Your User Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko;...

This timestamp and user agent are generated on every request, demonstrating Partial Prerendering (PPR). The product details above are cached, but this section is always fresh.

PPR in Action

Static (Cached): Product details are cached using 'use cache' with tags product-5 and products
Dynamic (Uncached): The timestamp section is wrapped in Suspense and regenerates on every request
This demonstrates Partial Prerendering (PPR) - mixing static and dynamic content in the same page
Refresh the page: product details stay cached (same timestamp), but server time updates
Go to Admin to revalidate either just this product (using product-5 tag) or all products (using products tag)

Noise-Cancelling Headphones

Description

Details

Dynamic Content (Not Cached)

PPR in Action

Dynamic Content (Not Cached)