TanStack Router in Jmcon (URLs = files)
Each file in src/routes/ becomes a URL; routeTree.gen.ts is auto-generated.
Difficulty 2/5
Plain English
evento.$eventId.tsx → /evento/abc123. Never hand-edit routeTree.gen.ts — the Vite plugin regenerates it when routes change.
Analogy
Filenames are street addresses; the route tree is the GPS index.
Jessica's wedding portal
AuthGate in __root.tsx — logged out users see marketing, not dashboard routes.
Go deeper
File name ≈ path.
Common mistakes
- Editing routeTree.gen.ts.
- Adding a screen without a route file.
AI-agent trap
Creating pages only in components/ with no route — user gets 404.
Summary
Academy uses TanStack Start (similar mental model, different entry).
Confidence: