TanStack Router

Modern and scalable routing for React applications

A fully type-safe React router with built-in data fetching, stale-while revalidate caching and first-class search-param APIs.

Get Started

Typesafe & powerful, yet familiarly simple

TanStack Router builds on modern routing patterns made popular by other tools, but has been re-engineered from the ground up to be 100% typesafe without compromising on DX. You can have your cake and eat it too!

Built-in Data Fetching with Caching

Hoist your data fetching and avoid waterfalls with TanStack Router's loader API and get instant navigations with built-in caching and automatic preloading. Need something more custom? Router's API is designed to work with your favorite client-side cache libraries! Your users will notice the difference when your pages not only load in parallel but also stay up to date over time.

Search Param APIs to make your state-manager jealous

Instead of throwing you to the URLSearchParam wolves, TanStack Router outfits you with state-manager-grade search param APIs. With schemas, validation, full type-safety and pre/post manipulation you'll wonder why you're not storing everything in the URL. Goodbye in-memory state đź‘‹!

Partners

Convex
Convex has teamed up with TanStack to not only deliver a first-class end-to-end type-safe database experience to TanStack developers, but to also ensure TanStack is ready for the real-time database arena. Convex's all-in-one platform delivers end-to-end type-safety via a revolutionary relational, real-time database and together, we're elevating what's possible with real-time React applications.
Learn More
Clerk
Clerk and TanStack are partnering to elevate your application's security and user experience with industry-leading authentication and user management. Paired with TanStack's no-nonsense routing and tooling, you'll be equipped to effortlessly deliver top-notch experiences that your users can trust and your developers can rely on.
Learn More
Convex
Official Deployment Partner
Netlify and TanStack have joined forces to provide developers with world-class deployment and hosting capabilities for modern web applications. Together we're focused on delivering an exceptional developer experience through seamless deployment workflows, edge functions, and serverless capabilities that help teams build and ship faster. Our partnership ensures TanStack applications can take full advantage of Netlify's powerful platform features.
Learn More
Sentry
Sentry and TanStack are on a mission to make sure your apps are error-free and high-performers. Sentry's best-in-class error monitoring and performance insights combined with TanStack's cutting-edge libraries ensure that you can deliver the best possible experience to your users. Together, we're committed to making sure that you can build with confidence.
Learn More

Feature Rich and Lightweight

Behold, the obligatory feature-list:

100% Typesafe Parallel Route Loaders 1st-class Search Param APIs Nested/Layout Routes Lightweight (12kb) Suspense + Transitions Strict Navigation Auto-completed Paths Search Param Schemas Search Param Validation Search Param Parsing + Serialization Search Param Pre/Post Processing Structural Sharing Automatic Prefetching Asynchronous Elements Pending Elements Error Boundaries

Take it for a spin!

Create a route, pop in a Router, and start slingin' some code!

Wow, you've come a long way!
Only one thing left to do...
Get Started!