tanstack-react-router_installation

To install TanStack Router in a React project, add the core packages @tanstack/react-router and @tanstack/react-router-devtools, then configure the tanstackRouter Vite plugin to enable automatic route generation and developer tooling during development.

Yes, TanStack Router setup supports bundler-agnostic configuration across Vite, Esbuild, and Rspack. You can integrate the necessary plugins to enable file-based routing and automatic route generation regardless of your chosen bundler.

Configuring TanStack Router for file-based routing requires the @tanstack/react-router package, the @tanstack/react-router-devtools package, and the optional @tanstack/router-plugin to enable automatic route generation in your Node.js environment.

To bootstrap a TanStack Router file-based routing structure, create initial route files such as __root.tsx and index.tsx in your routes directory after configuring the bundler plugin to automatically generate the route tree.

You do not strictly need the Router CLI to enable file-based routing, as the @tanstack/router-plugin can integrate directly with bundlers like Vite and Esbuild, but the CLI provides an alternative setup pathway for generating routes.