tanstack-integration-best-practices

tanstack integration best practices

deckardger 199 ↓ 2.1k updated 4mo ago
Claude Code
View source ↗

What it does

  • Setting up a new TanStack Start project
  • Integrating TanStack Query with TanStack Router
  • Configuring SSR with query hydration
  • Coordinating caching between router and query
  • Setting up type-safe data fetching patterns
  • setup-query-client-context — Pass QueryClient through router context
  • setup-provider-wrapping — Correctly wrap with QueryClientProvider

Derived from the skill's own SKILL.md documentation · extracted 2026-07-23

tanstack integration best practices

Source

Repository: https://github.com/deckardger/tanstack-agent-skills

tanstack-integration-best-practices FAQ

What does the tanstack-integration-best-practices skill do?

Best practices for integrating TanStack Query with TanStack Router and TanStack Start. Patterns for full-stack data flow, SSR, and caching coordination. Setting up a new TanStack Start project Integrating TanStack Query with TanStack Router

How do I install tanstack-integration-best-practices?

Run: npx -y skills add https://github.com/deckardger/tanstack-agent-skills --skill tanstack-integration-best-practices --agent claude-code — the source lives at github.com/deckardger/tanstack-agent-skills.

Maintain tanstack-integration-best-practices?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[tanstack-integration-best-practices on getagentictools](https://getagentictools.com/skills/deckardger-tanstack-agent-skills-tanstack-integration-best-practices?ref=badge)
npx agentictools info skills/deckardger-tanstack-agent-skills-tanstack-integration-best-practices

The second line is the CLI lookup for this page — handy in READMEs and docs.