Project structure

Here's how the project is organized. It follows the standard TanStack Start structure.

Folders

  • /src/routes → Pages & API routes (1 folder/file = 1 route)
  • /src/components → React components (UI & features)
  • /src/lib → Library helper functions (Auth, DB, Email etc.)
  • /src/content → Markdown content (Blog, Docs)
  • /public → Static assets

Key Files

  • src/router.tsx → Main router configuration
  • src/routes/__root.tsx → The root layout wrapping the app
  • src/lib/utils.ts → Common utilities (cn helper)
  • vite.config.ts → Vite configuration

Have a look around to get familiar with where things are!