TanStack Router conventions

Stack conventions for TanStack Router apps (Vite SPA or the router layer of TanStack Start). Pair with tanstack-start-conventions only when the app uses Start (SSR, server functions, API routes).

When to apply

• Scaffolding a TanStack Router SPA (@tanstack/react-router + Vite)
• Adding or changing UI routes, loaders, or validateSearch
• Configuring router.tsx (parseSearch, stringifySearch, trailing slash)
• Viewport URL param ?map=zoom/lat/lng (parse/serialize, validateSearch)
• Loader + React Query integration (client-side)
• Typed Link, useParams / useSearch, getRouteApi
• Installing the TanStack devtools debug panel

Not in this skill: createServerFn, .server.ts / .functions.ts, selective SSR, RSC, API server.handlers — those are tanstack-start-conventions.

Reference reading order