tanstack-start-loaders

What problem does it solve?

This Skill simplifies and standardizes how data is fetched and managed for routes in TanStack Start applications, ensuring efficient and isomorphic data loading.

Core Features & Use Cases

• Isomorphic Data Loading: beforeLoad and loader functions execute on both server and client.
• Route Guards & Context: Use beforeLoad for authentication checks and setting up route-specific context.
• Parallel Data Fetching: loader functions fetch data for routes in parallel, improving performance.
• Deferred Loading: Stream non-critical data using Promises and Await for a better user experience.
• Error Handling & Loading States: Configure custom components for error and pending states.
• Use Case: Securely authenticate users before they access protected routes and fetch all necessary data for a dashboard page, displaying loading states gracefully.

Quick Start

Use the tanstack-start-loaders skill to fetch user data before loading the protected dashboard route.