start-routing-data

Topics in the source

• TanStack Start — Routing Data
• Agent Workflow (MANDATORY)
• Scope Boundary (READ FIRST)
• Overview
• Critical Rules
• Architecture
• Reference Guide
• Concepts

Covers what is specific to TanStack Start about data loading, on top of generic TanStack Router/Query (route trees, file-based routing, search-param validation, useQuery/useMutation mechanics, cache config — all covered instead by react-expert's react-tanstack-router): isomorphic loaders (server on first request, client on navigation), context.queryClient.ensureQueryData() inside a loader for SSR prefetch + hydration, the per-route ssr flag (true | false | 'data-only'), and mutations through server functions followed by router.invalidate(). Critical rules: never touch window/localStorage at loader top level (loaders run on the server too) — gate with ssr: false/'data-only' or useEffect instead; share one queryOptions factory between ensureQueryData (loader) and useQuery (component) so cache keys match; prefetch through the router-context queryClient, never a new one; invalidate loaders/Query cache after every server-function write; and remember ssr only tightens down the route tree, a child can never loosen a parent's ssr: false back to true. Includes templates for a Query-prefetching route and a selective-SSR route. Do NOT use this skill for generic TanStack Router/Query API quest

This is an excerpt. Refer to the complete source and its current requirements.