# Tanstack Router

> Type-safe routing guidance for navigation, URL state, data loading, authentication, SSR, and framework adapters. Use when a project uses TanStack Router or when the task needs its setup, implementation, debugging, testing, migration, or integration guidance.

- Skill: `lukasa1993/tanstack-router` (Agent Skill, multi-file: 63 files)
- Install (CLI): `npx skillmds@latest add lukasa1993/tanstack-router`
- Raw SKILL.md: https://api.skillmd.com/api/skills/lukasa1993/tanstack-router/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Integrations & APIs
- License: MIT
- Author: lukasa1993 (https://skillmd.com/u/lukasa1993)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/lukasa1993/tanstack-router

---

<!-- Generated by scripts/build-groups.mjs. Do not edit directly. -->

# TanStack Router

Type-safe routing guidance for navigation, URL state, data loading, authentication, SSR, and framework adapters.

## Workflow

1. Inspect installed TanStack packages and exact versions.
2. Read the foundation reference and the adapter reference for the detected framework.
3. Topic references are indexes. Choose one guide or section for the task; follow its prerequisite links only when needed.
4. Prefer installed package types and version-matched source guidance over memory.
5. Preserve headless/core behavior when translating examples to a framework adapter.

## Task routing

- [Foundations](references/foundations.md) — Router construction and type-safety.
- [URLs and navigation](references/urls-navigation.md) — Path parameters, search parameters, and navigation.
- [Data, authentication, and errors](references/data-auth-errors.md) — Data loading, guards, not-found, and error boundaries.
- [SSR and build tooling](references/ssr-build-tooling.md) — SSR, code splitting, route generation, and build plugins.
- [Solid adapter](references/framework-solid.md) — Solid Router adapter guidance.
- [Vue adapter](references/framework-vue.md) — Vue Router adapter guidance.

## Framework routing

- **React** — detect `@tanstack/react-router`. Read [Foundations](references/foundations.md). Shared guidance; check adapter-specific differences.
- **Solid** — detect `@tanstack/solid-router`. Read [Solid adapter](references/framework-solid.md).
- **Vue** — detect `@tanstack/vue-router`. Read [Vue adapter](references/framework-vue.md).

## Product boundaries

Use these separate product skills when the task crosses their boundary: `tanstack-start`, `tanstack-query`.

See [source provenance](references/SOURCES.md) for exact upstream inputs and deduplication records.