Skip to content

Example Screenshots

These screenshots are generated from the same Playwright-based browser verifier used by the example matrix. They are versioned verification artifacts, not manually curated mockups.

Refresh them with:

pnpm capture:example-screenshots

Each example has two screenshots. They are intentionally captured in two different locales — that language change is the expected outcome of the verification flow, not a hydration glitch or a discarded server render:

  • Initial: the server-rendered state on first load, in English.
  • Interactive: the same page in German, captured after the verifier clicks the locale switch and runs the localized server interaction. For the cookie strategy the choice is persisted and the server re-renders in German (a real server round-trip); for route, subdomain, and tld strategies it is a navigation to the localized path or host. In every case the switch is asserted to apply without hydration errors and without throwing away the server render.

Next.js

InitialInteractive
Next.js cookie – initialNext.js cookie – interactive

Route strategy

InitialInteractive
Next.js route – initialNext.js route – interactive

Subdomain strategy

InitialInteractive
Next.js subdomain – initialNext.js subdomain – interactive

TLD strategy

InitialInteractive
Next.js tld – initialNext.js tld – interactive

TanStack Start

InitialInteractive
TanStack cookie – initialTanStack cookie – interactive

Route strategy

InitialInteractive
TanStack route – initialTanStack route – interactive

Subdomain strategy

InitialInteractive
TanStack subdomain – initialTanStack subdomain – interactive

TLD strategy

InitialInteractive
TanStack tld – initialTanStack tld – interactive

SolidStart

InitialInteractive
SolidStart cookie – initialSolidStart cookie – interactive

Route strategy

InitialInteractive
SolidStart route – initialSolidStart route – interactive

Subdomain strategy

InitialInteractive
SolidStart subdomain – initialSolidStart subdomain – interactive

TLD strategy

InitialInteractive
SolidStart tld – initialSolidStart tld – interactive

Waku

InitialInteractive
Waku cookie – initialWaku cookie – interactive

Route strategy

InitialInteractive
Waku route – initialWaku route – interactive

Subdomain strategy

InitialInteractive
Waku subdomain – initialWaku subdomain – interactive

TLD strategy

InitialInteractive
Waku tld – initialWaku tld – interactive

React Router

InitialInteractive
React Router cookie – initialReact Router cookie – interactive

Route strategy

InitialInteractive
React Router route – initialReact Router route – interactive

Subdomain strategy

InitialInteractive
React Router subdomain – initialReact Router subdomain – interactive

TLD strategy

InitialInteractive
React Router tld – initialReact Router tld – interactive