TanStack Router File-Based Routing and Tooling

Use this skill when the task is primarily about generated routes, file conventions, tooling setup, or large-tree maintainability.

Scope

• file-based routing setup and generated route trees
• file naming conventions and virtual file routes
• bundler plugin vs Router CLI generation
• manual and automatic route code splitting
• Devtools, ESLint Router tooling, and TypeScript performance guardrails

Routing cues

• src/routes, routeTree.gen.ts, tsr generate, tsr watch, file naming conventions, virtual routes, .lazy.tsx, auto code splitting, Router plugins, Devtools, or ESLint Router rules -> use this skill
• install mode selection or release snapshot questions -> use tanstack-router-overview-and-setup
• route trees, params, Link, Navigate, or route masking -> use tanstack-router-route-trees-and-navigation
• validateSearch, loaderDeps, beforeLoad, or preloading -> use tanstack-router-search-params-and-loaders
• pending and error behavior, scroll restoration, head management, or Router SSR -> use tanstack-router-runtime-behavior-and-ssr