Skip to main content

Command Palette

Search for a command to run...

TanStack Start

Updated
3 min read
TanStack Start

1.What is TanStack Start

TanStack Start is a comprehensive full-stack React framework built on two key technologies:

  1. TanStack Router: TanStack Start relies entirely on TanStack Router for its routing system. The Router is known for being type-safe and supporting advanced features like nested routing, search parameters, and data loading.

  2. Vite: Start leverages Vite, a modern build tool that ensures fast development cycles through hot module replacement and optimized production builds. Thanks to its integration with Vite, TanStack Start is ready to be developed and deployed to virtually any hosting provider or runtime you choose

2.Full-Stack Capabilities (Beyond the Router)

While the router forms the base (accounting for 90% of the framework), TanStack Start provides a suite of features that enhance the development process by handling both client and server needs

FeaturesDescription
Full-document SSRProvides Server-Side Rendering capabilities, which leads to improved performance and SEO
StreamingEnables progressive page loading, significantly enhancing the user experience
Server FunctionsImplements type-safe Remote Procedure Calls (RPCs) to facilitate seamless communication between the client and server
Server/API RoutesAllows developers to define and build backend endpoints directly alongside their frontend code
Full-Stack BundlingEnsures optimized builds for both the server-side code and the client-side code
Middleware & ContextProvides robust tools for handling request/response flows and injecting contextual data
End-to-End Type SafetyOffers full TypeScript support across the entire technology stack

Developers who know with certainty they do not require any of these full-stack features may opt to use TanStack Router alone for powerful, type-safe Single-Page Application (SPA) routing

Current Limitations

The primary relevant limitation noted in the documentation is that TanStack Start does not currently support React Server Components (RSC). However, the documentation explicitly states that the team is actively working on integration and anticipates supporting RSC in the near future

3.Getting started

The fastest way to get a Start project up and running is with the cli. Just run

npm create @tanstack/start@latest

depending on your package manage of choice. You'll be prompted to add things like Tailwind, eslint, and a ton of other options.

npx gitpick TanStack/router/tree/main/examples/react/start-basic start-basic
cd start-basic
npm install
npm run dev

4.Why Developers Love TanStack Start

Across the community, developers keep coming back to a few recurring themes

Less magic, more control.

Frameworks like Next.js and Remix often rely on “magic” — behaviors that happen automatically behind the scenes. TanStack Start takes the opposite approach. You stay in control of how data loads, where it runs, and what gets rendered. Nothing happens unless you make it happen.

Feels closer to React.

Many developers say that once they start building with TanStack Start, they forget they're even in a framework. It feels like writing plain React — just with smarter tools and a few well-chosen conveniences.

A smoother developer experience.

Type-safe routes, built-in server functions, and predictable data fetching make development and debugging straightforward.

Flexible hosting and tooling.

Thanks to Vite and Nitro under the hood, you can build and deploy anywhere. You’re not tied to a single company’s hosting platform or runtime. It’s your app, your stack, your rules.

End Notes

TanStack Start is still growing but it is already making impact. It’s community and documentations are growing quickly and it's backed by a team.

If you want to give it a try to TanStack Start give it a try

https://tanstack.com/start/latest/docs/framework/react/overview

More from this blog

Nidhin's blog

168 posts

✨Crafting Code with a Smile for 8 Years:) Merging the Formal Dance of Angular, the Playful Rhythms of React, and the Next-level Moves of Next.js 🚀