Getting Started with TanStack Start

Why TanStack Start

TanStack Start gives you server-side rendering out of the box, with file-based routing that stays close to the URL you ship.

import { createFileRoute } from "@tanstack/react-router";

export const Route = createFileRoute("/")({
  component: HomePage,
});

Replace this paragraph with your own notes. The blog renders fenced code blocks with monospace styling so your snippets stay readable.

Loading data

Fetch on the server, hydrate on the client. Keep queries small and cache them by key.

const posts = await fetchRows("posts", (q) => q.order("created_at"));

That is all you need to get a first post on screen.