Skip to content

Example Screenshots

These screenshots are generated from the Playwright-based browser verifier that checks 22 browser-capable examples weekly and on manual dispatch. The 20 UI-adapter examples represented here have versioned captures; Vite MDX and the focused Remix cookie browser proof have no capture artifact. All 25 matrix examples receive smoke verification on relevant pull requests and main pushes. They are versioned verification artifacts, not manually curated mockups.

Refresh them with:

pnpm capture:example-screenshots

Each UI-adapter 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

Cookie strategy

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

Cookie strategy

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

Solid

Cookie strategy

InitialInteractive
Solid cookie – initialSolid cookie – interactive

Route strategy

InitialInteractive
Solid route – initialSolid route – interactive

Subdomain strategy

InitialInteractive
Solid subdomain – initialSolid subdomain – interactive

TLD strategy

InitialInteractive
Solid tld – initialSolid tld – interactive

Waku

Cookie strategy

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

Cookie strategy

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