graph TD
A[Start Development] --> B[Install Dependencies]
B --> C{pnpm install}
C --> D[Choose Development Mode]
D --> E[Full Stack<br/>pnpm run dev]
D --> F[Individual Services]
D --> G[Docker Setup]
E --> H[Web + Service<br/>Hot Reload Enabled]
F --> I[Web Only<br/>pnpm run web]
F --> J[Service Only<br/>pnpm run service]
F --> K[CLI Only<br/>pnpm run cli]
G --> L[docker-compose up]
H --> M[Make Changes]
I --> M
J --> M
K --> M
L --> M
M --> N{File Changed?}
N -->|Yes| O[Hot Reload<br/>Automatic]
N -->|No| P[Test Changes]
O --> P
P --> Q[Check Browser/CLI]
Q --> R{Working?}
R -->|Yes| M
R -->|No| S[Debug Issues]
S --> M
style A fill:#e3f2fd
style H fill:#e8f5e8
style O fill:#fff3e0
style S fill:#ffebee
This project uses pnpm as the package manager. Always use pnpm commands instead of npm or yarn.
pnpm installpnpm run <script>pnpm add <package>The web and service applications support hot reloading for most changes:
apps/web): Runs with pnpm run dev and hot reloads on code changes.apps/service): Runs with pnpm run service and hot reloads on code changes.Do not frequently stop and restart these servers unless necessary (e.g., for configuration changes or dependency updates). Let the hot reloading handle code updates during development.
apps/web (Next.js), apps/service (NestJS)packages/legacy/pnpm run dev (runs both web and service)pnpm run web or pnpm run servicedocker-compose.yml for containerized setup