TanStack Start
By TanStack
TanStack Start is a full-stack React framework built on top of TanStack Router, adding server-side rendering, server functions, and full-stack data-loading capabilities to TanStack Router's type-safe client-side routing. js or Remix, built…
Definition
TanStack Start is a full-stack React framework built on top of TanStack Router, adding server-side rendering, server functions, and full-stack data-loading capabilities to TanStack Router's type-safe client-side routing. It targets teams that want the type safety and route-based data-loading model of TanStack Router extended into a complete, deployable application framework comparable to Next.js or Remix, built on top of the Vite bundler.
Overview
TanStack Start emerged from the TanStack ecosystem's broader effort to extend its type-safe, headless-library philosophy from client-side concerns, like TanStack Query and TanStack Router, into a complete full-stack application framework. It addresses the gap between having a strongly typed client router and needing an actual deployable application with server rendering, server-side data access, and a build pipeline, all of which TanStack Router alone does not provide. Mechanically, TanStack Start builds on Vite for its development server and bundling, and layers TanStack Router's file-based, type-inferred routing on top of that foundation to define both pages and their data-loading behavior. It introduces server functions, which are ordinary-looking asynchronous functions marked to run only on the server, callable directly from client code as if they were local functions, with the framework handling the network request under the hood; this pattern is similar in spirit to Next.js Server Actions or Remix's server-only loaders and actions but tied specifically into TanStack Router's typed route and loader system. Server-side rendering is handled per route, using the same loader functions that also support client-side navigation, so the same data-fetching code path serves both the initial server-rendered page and subsequent client-side route transitions. Compared to Next.js, which bundles its own router, data-fetching conventions, and increasingly opinionated App Router architecture, TanStack Start composes together separately maintained TanStack libraries, TanStack Router for routing and TanStack Query is commonly paired for client-state caching, giving a more modular but less monolithic structure. Compared to Remix, which pioneered the loader-and-action full-stack data pattern in the React ecosystem, TanStack Start follows a conceptually similar model but adds TanStack Router's stronger compile-time type inference for routes and search parameters throughout. In practice, TanStack Start is adopted by teams already invested in the TanStack ecosystem, such as those using TanStack Query and TanStack Table, who want a full-stack framework that shares the same typed, composable philosophy rather than adopting a differently-opinionated framework like Next.js for the server layer. The main trade-off with TanStack Start is its relative newness and smaller production track record compared to the long-established Next.js or the more mature Remix, meaning fewer battle-tested deployment patterns, hosting-provider integrations, and community troubleshooting resources exist at this point. Teams should weigh the appeal of a more modular, TanStack-consistent stack against the deployment tooling, hosting-provider integrations, and broader community ecosystem maturity that established competitors like Next.js and Remix currently offer production teams shipping large applications at scale today.
Key Features
- Built on Vite for development and bundling
- Extends TanStack Router with server-side rendering per route
- Introduces server functions callable directly from client code
- Shares loader functions between server rendering and client navigation
- Composes with TanStack Query for client-side data caching
- Provides end-to-end type safety across routes, params, and server functions
- Targets teams already using the broader TanStack library ecosystem
Use Cases
Alternatives
Frequently Asked Questions
From the Blog
TypeScript for JavaScript Developers: A Quick Start
TypeScript adds static types to JavaScript, catching errors before you run code. This quick start covers types, interfaces, generics, and how to add it to a project.
Read More AI & TechnologyHow to Start a Business: A Step-by-Step Guide
Starting a business begins with validating a real problem worth solving before writing a business plan or registering a company. This guide walks through the practical steps from idea validation to your first customers.
Read More AI & TechnologyMedical Laboratory Technician: What They Do and How to Start
A medical laboratory technician runs diagnostic tests on patient samples that help doctors diagnose and treat disease. This guide explains the role's daily tasks, required training, and how the career path works.
Read More ProgrammingWhat Is Digital Art? Tools, Styles, and How to Start
Digital art is any visual artwork created or modified using digital technology, from tablet drawings to 3D renders and generative pieces. This guide covers the main styles, the software behind them, and how newcomers can start creating their own work.
Read More