TanStackRouter

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!

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 can manage your state in the URL and easily sync it to your state-manager of choice.

Partners

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

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

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

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