1. Monorepo Architecture with Turborepo
By organizing the web portal and mobile iOS/Android applications inside a unified Turborepo monorepo, shared libraries for API clients, Zod schemas, and data caching utilities are synchronized automatically.
Shared Type Safety: End-to-end TypeScript interfaces ensure changes to backend APIs immediately update both web and mobile clients.
Offline State Hydration: WatermelonDB and TanStack Query deliver instant offline caching for field agents on mobile.
Next.js 15 App Router: Server Components deliver ultra-fast initial page loads on web while mobile connects via optimized gRPC/REST endpoints.
