cd frontend
npm run devThis will automatically start:
- ✅ Backend API on
http://localhost:8020 - ✅ Frontend on
http://localhost:3000
# From project root
pwsh -File start-dev.ps1cd backend
.\venv\Scripts\python.exe -m uvicorn app.main:app --reload --port 8020cd frontend
npm run dev:frontend| Service | URL | Description |
|---|---|---|
| Frontend | http://localhost:3000 | Next.js Dashboard |
| Backend API | http://localhost:8020 | FastAPI Server |
| API Docs | http://localhost:8020/docs | Swagger/OpenAPI |
| Alternative Docs | http://localhost:8020/redoc | ReDoc |
- Ensure Python virtual environment exists:
backend\venv\ - Activate venv and install dependencies:
cd backend .\venv\Scripts\Activate.ps1 pip install -r requirements.txt
Stop existing processes:
# Stop backend (port 8020)
Get-Process -Name "python","uvicorn" | Where-Object { $_.CommandLine -like "*8020*" } | Stop-Process -Force
# Stop frontend (port 3000)
Get-Process -Name "node" | Where-Object { $_.CommandLine -like "*next dev*" } | Stop-Process -Forcecd frontend
npm install --save-dev concurrently- 🔄 Auto-reload on code changes (both servers)
- 🎨 Color-coded logs (Cyan for NEXT, Magenta for API)
- 🛑 Graceful shutdown (Ctrl+C stops both)
- ⚡ Fast startup with parallel execution
- 🔍 Health checks for backend API
- Backend runs with
--reloadflag for hot-reloading - Frontend uses Turbopack for fast builds
- Both servers log to the same terminal with prefixes
- The
--kill-others-on-failflag ensures if one server crashes, the other stops too