tanstack-router-patterns

What problem does it solve?

This skill solves the challenge of implementing consistent, type-safe routing patterns in TanStack Router for React apps.

Core Features & Use Cases

• Route trees and file-based routing for automatic organization
• Data loaders, search parameters, and route context for robust data flows
• Authenticated routes and route guards to secure access across pages

Quick Start

Use the tanstack-router-patterns skill to scaffold a type-safe route tree with data loading and authentication guards. Define a root route, add child routes, and export a configured router. Protect routes with beforeLoad and access route params and search via Route.useParams and Route.useSearch.