Overview

The CRM Web is a local-first frontend application built with TanStack Start (SSR) and TanStack DB for local data synchronization.

Tech Stack

• Runtime: TanStack Start (SSR) + Nitro
• Local Database: TanStack DB with useLiveQuery
• State Management: Jotai
• UI: @repo/ui, @repo/theme, Radix UI, Motion
• Forms: TanStack Form + Valibot

Key Features

• Local-First: Data stored locally, synced with server
• Live Queries: Real-time updates via TanStack DB
• Offline Support: Works without network connection
• Optimistic Updates: Immediate UI feedback

File Structure

crm/web/
├── src/
│   ├── routes/          # TanStack Start routes
│   ├── components/      # React components
│   ├── lib/             # Utilities
│   └── collections/     # TanStack DB collections
├── package.json
└── vite.config.ts

Quick Navigation

• Local-First Architecture — TanStack DB and sync