Files
hanarang-dashboard/README.md
narang-ai 79135f24b0 feat(sprint-001): backend Nest.js + Prisma7 adapter setup, frontend Next.js UI
- Backend: NestJS + Prisma 7 (MariaDB adapter) scaffold
  - PrismaService with @prisma/adapter-mariadb driver
  - SistersService: SSH 상태 체크 with graceful fallback
  - HealthController: GET /health
  - 시드 스크립트: 자매 4명 초기 데이터
  - 테스트 5/5 pass

- Frontend: Next.js 16 + styled-components
  - styled-components SSR registry (next.config 컴파일러)
  - 다크 테마 글로벌 스타일 + 테마 토큰
  - SisterCard: glassmorphism 상태 카드 (온라인 pulse 애니메이션)
  - StatusBadge: 상태 표시 컴포넌트
  - Sidebar: 접이식 네비게이션
  - 대시보드 메인 페이지 (API 미연결 시 mock 데이터 fallback)
  - build 성공 확인

- DB credential 이랑이 대기 중
2026-04-04 11:06:44 +09:00

1.2 KiB

하나랑 대시보드

4자매 멀티에이전트 파이프라인 관제 대시보드. 자기야가 한눈에 전체 현황을 파악하고 관리할 수 있는 화면.

기술 스택

레이어 기술
Frontend Next.js + styled-components
Backend Nest.js + Prisma
DB MariaDB
도메인 (FE) hanarang.nabomhalang.co.kr
도메인 (BE) hanarang-api.nabomhalang.co.kr

프로젝트 구조

hanarang-dashboard/
├── frontend/          # Next.js (포트 3004)
├── backend/           # Nest.js (포트 3005)
├── .gitignore
├── .env.example
└── README.md

실행 방법

사전 준비

  1. .env.example을 참고해 backend/.env 파일 생성
  2. SSH 키 설정 (SSH_KEY_PATH)

Backend

cd backend
npm install
npx prisma migrate dev
npx prisma db seed
npm run dev

Frontend

cd frontend
npm install
npm run dev

환경 변수

루트 .env.example 참조.

자매 담당

역할 이름 담당
기획 하랑이 Orchestrator
개발 나랑이 Generator
검증 다랑이 Evaluator
인프라 이랑이 Infra Manager