Next.js playground

Demos of newer Next.js APIs

Cache Explorer

use cache

Next 16 makes caching opt-in: add "use cache" where you want it. Here it is wired to tags and the invalidate buttons below.

"use cache"cacheTag()cacheLife()revalidateTag()updateTag()
Open playground →

View Transitions

React 19.2 + Next.js 16.2

Route-level transitions without an extra library. Jump between the grid and detail pages to see shared elements and transitionTypes.

viewTransition config<ViewTransition>transitionTypesview-transition-name::view-transition-old/new
Open playground →

Streaming Dashboard

PPR + Suspense

Static shell first; the dynamic panels load inside Suspense. Partial prerendering in Next 16.

cacheComponents<Suspense>StreamingPPR
Open playground →

Resources: Next.js 16.2 release notes · use cache docs · viewTransition docs