🎯

tanstack-start-best-practices

🎯Skill

from deckardger/tanstack-agent-skills

What it does

Best practices for building applications with TanStack Start, covering routing, data loading, server functions, and SSR patterns.

Overview

TanStack Start Best Practices is a skill from the TanStack Agent Skills collection that provides structured guidelines for building full-stack React applications with TanStack Start. It covers server functions, middleware, SSR, authentication, and error handling with 29+ rules organized by priority level.

Key Features

Server function patterns — Critical-priority rules for createServerFn usage, input validation, and CSRF protection
Middleware and authentication — High-priority guidelines for request and function middleware, session management, and route protection
SSR and error handling — Medium-priority rules for hydration safety, streaming, server errors, and redirects
Integration with TanStack ecosystem — Part of a comprehensive skill set that also covers TanStack Query, TanStack Router, and their integration patterns

Who is this for?

This skill is for developers building full-stack React applications with TanStack Start who want AI coding agents to follow established best practices. It is particularly valuable for teams adopting TanStack Start and wanting consistent, secure patterns for server functions, authentication, and SSR from the start.

📦

Same repository

deckardger/tanstack-agent-skills(4 items)

tanstack-start-best-practices

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code

npx vibeindex add deckardger/tanstack-agent-skills --skill tanstack-start-best-practices

skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code

npx skills add deckardger/tanstack-agent-skills --skill tanstack-start-best-practices

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/tanstack-start-best-practices/SKILL.md

SKILL.md

2,690Installs

Last UpdatedJan 16, 2026

View on GitHub Back to Skills

More from this repository3

🎯

tanstack-query-best-practices🎯Skill

Provides TanStack Query best practices for data fetching, caching, mutations, and server state management in React applications

🎯

tanstack-router-best-practices🎯Skill

Provides TanStack Router best practices for building type-safe routing in React applications, covering route configuration, code splitting, and navigation patterns.

🎯

tanstack-integration-best-practices🎯Skill

TanStack integration best practices covering TanStack Query, Router, and Start with structured guidelines across 32+ rules for data fetching, caching, and state management.