Coco Dubois

TanStack Start is one of the most exciting full-stack React frameworks to emerge recently. It brings together TanStack Router's type-safe routing with server-side rendering, server functions, and a Vite-powered build pipeline.

Why TanStack Start?

If you've used TanStack Router, you already know the developer experience is excellent. Start takes that foundation and adds the server-side capabilities you need for production apps: SSR, server functions, and seamless deployment to platforms like Netlify.

Setting Up

Getting started is straightforward. Create a new project, install dependencies, and you're off to the races with file-based routing and full TypeScript support out of the box.

The key files to know about:

src/routes/ — your pages live here, organized by URL path
src/routes/__root.tsx — the root layout that wraps everything
vite.config.ts — where you configure plugins and build settings

What I Like

The type safety is the standout feature. Route parameters, search params, and loader data are all fully typed. You get autocompletion in your editor and compile-time errors when something doesn't match up.

The integration with Vite means hot module replacement is fast, and the build output is optimized without any extra configuration.

Deploying to Netlify

Deployment is where things get really smooth. With the Netlify adapter, your TanStack Start app deploys with server-side rendering and serverless functions automatically configured. Push to git and you're live.

If you're looking for a modern React framework that doesn't sacrifice type safety for convenience, give TanStack Start a try.