📄️ Components Strategy
We differentiate between UI Primitives and Feature Components.
📄️ Project Structure
The codebase follows a Feature-Based Architecture combined with the Next.js App Router.
📄️ Video & Streaming Engine
The FirstBreath dashboard is unique because it must display live video with Sub-second Latency in a browser environment.
📄️ State Management
Server State (TanStack Query)
📄️ Cache Strategy & Keys
Comprehensive list of React Query cache keys and invalidation rules.
📄️ Feature Structure
We use a Domain-Driven Design (DDD) approach for folder organization.
📄️ Global Hooks
These hooks are available throughout the application (not specific to a single feature). They are located in hooks/.