tanstack-router-orpc

What problem does it solve?

This Skill streamlines the development of type-safe web applications by integrating TanStack Router for navigation and TanStack Query for efficient data fetching with oRPC, ensuring consistency and reducing boilerplate.

Core Features & Use Cases

• Type-Safe Routing: Define routes, handle parameters, and implement guards with full TypeScript support.
• Efficient Data Fetching: Integrate oRPC queries and mutations seamlessly with TanStack Query for optimized data loading, caching, and state management.
• Authentication & Guards: Implement robust authentication checks and route protection using beforeLoad hooks.
• Optimistic Updates: Enhance user experience with instant UI feedback for mutations.
• Use Case: Build a dashboard application where user data is fetched via oRPC, displayed in a routed component, and protected by an authentication guard.

Quick Start

Use the tanstack-router-orpc skill to create a new protected route that fetches user data using oRPC.