Back to blog

Getting Started with TanStack Start

·Alex Rivera
TanStackReactSSRTypeScript

TanStack Start is the full-stack companion to TanStack Router — and it's shaping up to be one of the most developer-friendly meta-frameworks in the React ecosystem.

Why TanStack Start?

If you've used TanStack Router, you already know how good type-safe routing can feel. Start builds on that foundation by adding:

  • Server Functions — type-safe async functions that run on the server, callable from anywhere in your component tree
  • SSR out of the box — HTML streamed from the server, hydrated on the client
  • File-based routing — no manual route registration; the router tree is auto-generated

Setting Up a New Project

npm create tanstack@latest

Choose the Start preset, pick TypeScript, and you're ready to go. The scaffolded project includes a working router, a sample route, and Vite as the build tool.

Your First Server Function

import { createServerFn } from '@tanstack/start'

export const getUser = createServerFn({ method: 'GET' }).handler(async () => {
  return { name: 'Alex', role: 'admin' }
})

Call it from a component or a loader — it's just a function. The framework handles the network boundary automatically.

Deploying to Netlify

Add the Netlify adapter package and drop a netlify.toml pointing at your dist/client output. Preview deploys work out of the box, and Netlify Functions handle the SSR endpoints.

TanStack Start is still in active development but it's already production-ready for most use cases. Give it a try on your next project.