Skip to content
HonoA full-stack playground

Live on request

This route renders on the server for every visit.

The loader runs on each request, forwards timing metadata, and can read Hono context before the page reaches the browser.

Live response

Server rendered

Request-specific data produced by the SSR loader before the page is delivered.

Fetch time uses the server-reported frontend duration when available, with the browser wait as a fallback. No separate JSON fetch is measured on the initial visit. Select New request to measure one.

Render time
0 ms
Fetch time
-
Timestamp
Message
This page is rendered on the server on EVERY request!
User agent
Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
View JSON
{
  "fetchTime": null,
  "honoVars": {
    "computedValue": "ac175f06-1d63-43ff-bec3-3fe880538de9",
    "meta": {
      "requestId": "86284aa7-4189-47a7-842b-293ea5d9455a",
      "requestUrl": "https://hono-react-router-vite-canary.motss.fyi/en-US/ssr"
    },
    "serverTimestamp": "2026-11-13T17:38:19.691Z"
  },
  "message": "This page is rendered on the server on EVERY request!",
  "renderTime": 0,
  "requestId": "86284aa7-4189-47a7-842b-293ea5d9455a",
  "timestamp": "2026-11-13T17:38:19.691Z",
  "userAgent": "Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)"
}

Hono context

Data forwarded from the Hono request context into the React Router loader through RouterContextProvider.

Request URL
https://hono-react-router-vite-canary.motss.fyi/en-US/ssr
Request ID
86284aa7-4189-47a7-842b-293ea5d9455a

Verification steps

Use the browser and network tooling to confirm the response is generated at request time.

  1. Refresh the route

    The timestamp changes on every request because the loader runs server-side each time.

  2. Inspect response headers

    Open the Network tab and check Server-Timing to verify the loader duration.

  3. Compare rendering modes

    Unlike / or /about, this route is not SSG. Unlike CSR-only UI, its first HTML already contains the server response.