tech-tanstack-router

What problem does it solve?

This Skill provides standardized TanStack Router patterns to enforce type-safe routing in React applications, reducing boilerplate and ensuring consistent navigation logic across projects.

Core Features & Use Cases

• Type-safe routing: Define routes with full TypeScript support and compile-time guarantees.
• Pattern reuse: Encapsulate common route patterns (nested layouts, loaders, actions) for consistent usage.
• Guidance for integration: Quick-start templates and guidelines for integrating TanStack Router with the existing platform-frontend rules.
• Use Case: Build a multi-section SPA with nested routes and guarded protected routes, while preserving type safety.

Quick Start

• Set up a TanStack Router pattern file within your React + TypeScript project, then apply the standard routes structure to your app, aligning with platform-frontend rules.