trappist.app
trappist.app 공연 지도 화면.

Trappist Live는 무엇인가

바이브코딩에 쓴 스택

영역사용한 것
구조Turbo 모노레포(웹 · 어드민)
웹Next.js 16, React 19, Tailwind CSS 4, React Query
데이터Supabase
배포Vercel
수집KOPIS, 서울 열린데이터, Instagram · Threads · YouTube API
정기 실행6시간마다 도는 Mac Studio 스케줄러

AI 에이전트와 일한 방식

  1. AGENTS.md, CLAUDE.md, GEMINI.md를 함께 두고, Codex · Claude · Gemini가 같이 읽는 운영 가이드를 따로 씁니다.
  2. 수집(Crawler), 정규화(Normalizer), 검수(QA), 포스터 판독(VisionExtractor)을 역할별 에이전트로 정의했습니다.
  3. 배포 전 웹과 어드민을 각각 빌드하고, 제보 흐름 같은 핵심 경로는 스모크 스크립트로 확인합니다.

직접 써 보기

Trappist Live 열기 ↗ · 제품 소개 · 바이브코딩 전체 가이드

다른 바이브코딩 사례