Server-Side Rendering (SSR)

This page is fully rendered on the server with ssr: true

Server Time

2026-10-25T10:16:13.642Z

This data was fetched on the server

How It Works

1. Request comes to the server

2. Loader runs on server, fetching data

3. Component renders with data on server

4. Full HTML sent to client

5. Client hydrates for interactivity

Code Example

export const Route = createFileRoute("/_app/modes/ssr")({
  ssr: true, // Enable full SSR
  loader: () => {
    // Runs on server during initial request
    return {
      serverTime: new Date().toISOString(),
      message: "This data was fetched on the server",
    };
  },
  component: SSRPage,
});