TanStack Start represents a fresh take on full-stack React frameworks, built on top of the battle-tested TanStack Router.

Why TanStack Start?

TanStack Start decouples routing and data fetching concerns, offering first-class SSR, streaming, and server actions.

Core Architecture

  • Full-stack Type Safety: Route parameters, query parameters, and loader data are strictly typed end-to-end.
  • RSC Integration: Server components can stream HTML directly to the client without client-side bundle overhead.
import { createFileRoute } from '@tanstack/react-router'
import { createServerFn } from '@tanstack/react-start'

export const getStats = createServerFn({ method: 'GET' }).handler(async () => {
  return { views: 42000, stars: 1337 }
})

export const Route = createFileRoute('/stats')({
  loader: () => getStats(),
  component: StatsPage,
})

With granular control over server/client boundaries, apps remain snappy regardless of dataset size.