TanStack Start

File-Based Routing

Routes live in src/routes/. The route tree auto-generates to src/routeTree.gen.ts - commit this file (required for type-checking).

Route Types

• __root.tsx - Root layout, wraps all routes
• index.tsx - Index route for a path segment
• demo.tsx - Layout route wrapping all demo/*.tsx children (uses <Outlet />)
• demo/*.tsx - Child routes rendered inside parent layout
• $param.tsx - Dynamic route segment

Layout Routes

Create foo.tsx alongside foo/ directory to wrap child routes: