react-start

What problem does it solve? Setting up a TanStack Start application with React involves many moving parts — Vite plugin ordering, router factories, root route documents, server functions, and isomorphic code rules — and small mistakes like importing from the wrong package or omitting the Scripts component break hydration entirely. ## Core Features & Use Cases - Full Project Setup: Step-by-step configuration of package.json, tsconfig, vite.config.ts, router factory, root route, and index route for a working TanStack Start app. - Server Functions with React: Covers createServerFn and the useServerFn hook for calling server logic from components with full type inference. - Common Mistake Prevention: Documents critical pitfalls such as importing createServerFn from @tanstack/react-router instead of @tanstack/react-start, using React hooks in loaders, and missing Scripts components. - Use Case: You are scaffolding a new full-stack React app with TanStack Start and need the correct Vite plugin order, root document structure with HeadContent and Scripts, and a typed server function wired into a route loader. ## Quick Start Set up a new TanStack Start project with React including the Vite config, root route, and a server function example.