This route is intentionally client-rendered.

Use this page to show what happens after hydration: browser-only values appear, the clock keeps moving, and interactions update without another request.

Hydrated client state

Live browser updates happen here.

This route still starts with server-sent HTML, but the values below are filled in and updated by the browser after hydration.

Hydration state

Awaiting browser hydration

Mounted in browser

Hydrating...

Browser clock

Waiting for the browser clock...

Browser details

Waiting for browser-only values...

Demo checklist

Client route talking points

Counter value

View Source still shows HTML because Next pre-renders the shell.

Hydration turns that shell into a live React experience in the browser.

The ISR demo route uses a 60-second revalidation window.

This route proves it with browser time, viewport details, and interactive client state.