Skills
.Work. You
Rest

grey-haven-tanstack-patterns

Community

Build React apps faster with proven TanStack patterns.

Software Engineering
Authorgreyhaven-ai
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill eliminates the complexity of setting up TanStack Start applications by providing battle-tested patterns for routing, data fetching, and multi-tenant architecture.

Core Features & Use Cases

  • File-Based Routing: Type-safe routing with automatic layout nesting and protected routes.
  • Optimized Data Fetching: Smart caching with 1-minute stale times and automatic query invalidation.
  • Use Case: Imagine you're building a dashboard application. Use this Skill to automatically set up protected routes, server-side data loading, and real-time cache management.

Quick Start

When building a new TanStack Start application, apply the file-based routing structure with protected layouts and implement the standard query caching strategy.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: grey-haven-tanstack-patterns
Download link: https://github.com/greyhaven-ai/claude-code-config/archive/main.zip#tanstack-patterns

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository