Frontend — React + TanStack Start

This skill owns frontend placement, React, TanStack Query, state, and UI conventions. Use typescript-standards for types, schemas, modules, comments, and general tests. Use cloudflare-backend when adding server functions, including stubs.

Sections marked [detect: …] identify evidence to read. Select reference code by the concern it demonstrates. Do not infer compatibility from repository age. Before entity, query, or mutation work, read data access. Trace the target project's factory, server function, middleware registration, and error payload before editing. State the selected layer, success/error contract, source files, and material conflicts.

TanStack Start

• Use TanStack Start, never Next.js. Traditional SSR + hydration, no RSC, no 'use client'.
• Server-only code: createServerFn() — RPC-style server functions in src/server/entrypoints/functions/.
• Loaders are isomorphic — they run on server and client. Secrets/DB access goes through server functions.
• Pending timing knobs when needed — native route options, never artificial delays: pendingMs: 0 (show pending immediately; default 1000ms), pendingMinMs: 500 (avoid flash). Most routes instead rely on loader-seeded data + pendingComponent.