TanStack Router Overview and Setup

Use this skill when the task is primarily about first-time setup, package and mode selection, or deciding which TanStack Router surface owns the work.

Scope

• current docs topology and release snapshot
• install and quick-start decisions
• choosing file-based vs code-based routing
• routing work to the correct TanStack Router skill
• keeping TanStack Start separate from router-only tasks

Routing cues

• install TanStack Router, quick start, choose file-based vs code-based, compare docs surfaces, or verify the current release snapshot -> use this skill
• nested routes, layout routes, pathless routes, params, Link, Navigate, useNavigate, or route masking -> use tanstack-router-route-trees-and-navigation
• validateSearch, loaderDeps, loader, beforeLoad, route context, auth guards, preloading, or cache integration -> use tanstack-router-search-params-and-loaders
• pendingComponent, errorComponent, notFoundComponent, scroll restoration, navigation blocking, head(), or Router SSR -> use tanstack-router-runtime-behavior-and-ssr
• src/routes, routeTree.gen.ts, file naming conventions, virtual routes, tsr generate, .lazy.tsx, plugin config, Devtools wiring, or ESLint Router rules -> use tanstack-router-file-based-routing-and-tooling