[프론트엔드] React + Vite, AWS S3 + CloudFront 정적 호스팅
├ agents (사용자) agents.do4i.com
├ admin (운영) admin.do4i.com
└ landing(소개) do4i.com
│ /api* (CloudFront → ingress)
▼
ingress-nginx
▼
api (FastAPI, :8000) ── MySQL (StatefulSet, DB명 do4i)
│ └─ 런타임 스토리지 PVC (Chroma 벡터DB / 업로드)
└─ avatar-livekit-worker (LiveKit + Simli, HPA)
client/agents: 사용자 앱(React 19 + Vite, LiveKit/Simli 클라이언트). agents.do4i.comclient/admin: 운영 대시보드(React 19 + Vite + Tailwind). admin.do4i.comclient/landing: 소개 페이지(React 18 + Vite). do4i.com/api*만 CloudFront가 ingress(백엔드)로 포워딩./api/health, 모든 라우트 /api/* 프리픽스. HTTP + WebSocket(아바타/채팅/STT/음성).avatar-livekit-worker(API와 동일 이미지, avatar_agent 실행). LiveKit 실시간 영상 + Simli 렌더링, 메모리 기준 HPA(10~100).do4i). 개발 폴백은 SQLite.api-storage PVC(/app/runtime/storage)에 로컬 저장. 업로드 파일 동거.do4i (prod·dev 클러스터 공통 이름). 프론트는 K8s가 아니라 S3/CloudFront.gitops/k8s/apps/do4i (base + overlays/prod·dev), ArgoCD Application do4i.harbor.do4i.com/do4ai/do4i-api (API·아바타 워커 공용, overlay에서 태그+digest 핀).do4ai 프로젝트 /apps/api, /apps/mysql → InfisicalSecret로 주입.api-bootstrap Job이 alembic 마이그레이션 수행(ArgoCD Sync hook).agents.do4i.com, admin.do4i.com, do4i.com (프론트는 CloudFront→S3, /api*는 CloudFront→ingress).배포 이상 대응은 3. 운영 절차. 도구는 Manual/04 ArgoCD 사용법. 플랫폼 공통 배포 모델은 04. GitOps 운영 모델 가이드.
온보딩 트랙 2부. 서비스 운영
이전: do4i 서비스 가이드 · 다음: do4i 모니터링·알람·SRE · 전체 경로: 시작하기: 신입 온보딩