Personalized SSR

This page has one URL. The server reads your experience cookie, resolves that experience with a fresh engine, and sends HTML that is already in your language, direction and theme. The browser then hydrates it and the same runtime takes over.

Request

GET /personalized
Cookie: (none)

Server resolution

No cookie was sent, so the default experience was used. Resolved on the server before any JavaScript ran in your browser.

ID: en-US::light::instant
Culture: en-US
Theme: light
Motion: instant
Direction: ltr

HTML

The application to the right is part of this response, rendered as en-USlightinstant. View the page source to see it without JavaScript.

Hydration

Hydrating…

Runtime experience: en-US::light::instant (matches the server)

Switch at runtime

No request to the server; the hydrated engine runs the transition.

Change the preference

Saves the cookie and reloads, so the server renders the new experience from the first byte.

culturethememotion

experience=en-US.light.instant

Check the raw response

Requests this URL again with your current cookie and reads the markers out of the HTML text, before any script runs on it.

Committed now: en-USlightinstant

Good morning, Maya

Sales are up this week. Three orders are waiting for your review.

Revenue$48,25012.4%vs last week
Orders1,2848.1%vs last week
Conversion3.6%0.4%vs last week
Average order$962.1%vs last week

Revenue

Last 12 weeks

Activity

Olivia Bennett placed a new orderOct 6
Stock is low on Linen Throw, 4 leftOct 6
Payout sent to your bank accountOct 5
Noah Ramirez asked for a refundOct 5

Recent orders

View all orders

Order	Customer	Date	Status	Total
#4821	Olivia Bennett	Oct 6	Paid	$1,280
#4820	Noah Ramirez	Oct 6	Refunded	$340
#4819	Emma Clarke	Oct 5	Shipped	$2,115
#4818	Liam Foster	Oct 5	Pending	$760
#4817	Ava Mitchell	Oct 4	Paid	$1,490

Store status

Storefront online
Payments active
Inventory sync delayed

Demo data

Validated in a local Next.js production server (PASS_WITH_SCOPE). This does not establish behaviour for every CDN, cache or deployment topology.

Request and response