웹 프론트엔드

ev-motor-reliability/
└── web/
    ├── src/
    │   ├── app/             # Next.js App Router 페이지
    │   ├── components/      # UI 컴포넌트
    │   └── lib/             # API 클라이언트, 유틸리티
    ├── public/              # 정적 파일
    ├── package.json
    ├── next.config.js
    └── tsconfig.json

cd ev-motor-reliability/web
npm install

# Python API 서버 주소
NEXT_PUBLIC_API_URL=http://localhost:8000

# WebSocket 주소 (실시간 모니터링)
NEXT_PUBLIC_WS_URL=ws://localhost:8000/ws

# 터미널 1: Python API 서버
cd ev-motor-reliability
source venv/bin/activate
uvicorn app.main:app --host 0.0.0.0 --port 8000 --reload
 
# 터미널 2: 웹 프론트엔드
cd ev-motor-reliability/web
npm run dev

cd ev-motor-reliability/web
npm run build

cd ev-motor-reliability/web
npm start

# PM2 사용 예시
pm2 start "uvicorn app.main:app --host 0.0.0.0 --port 8000" --name ev-api
pm2 start "cd web && npm start" --name ev-web
pm2 save

server {
    listen 80;
    server_name ev-motor.local;
 
    # 웹 프론트엔드
    location / {
        proxy_pass http://localhost:3000;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
    }
 
    # API 서버
    location /api/ {
        proxy_pass http://localhost:8000/api/;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
    }
 
    # WebSocket
    location /ws/ {
        proxy_pass http://localhost:8000/ws/;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "Upgrade";
        proxy_set_header Host $host;
    }
}