물질는 무엇인가
- 국내 악기 상점 가격 비교와 검색
- 모델별 가격 이력
- 여러 모델 비교, 즐겨찾기, 브랜드 페이지
- 커뮤니티 글쓰기와 로그인
- YouTube 영상 연동
바이브코딩에 쓴 스택
| 영역 | 사용한 것 |
|---|---|
| 프레임워크 | Next.js 16 App Router, React 19 |
| 언어 · 스타일 | TypeScript, Tailwind CSS 4 |
| 데이터 | PostgreSQL, Supabase 마이그레이션 |
| 수집 | Puppeteer, cheerio, axios |
| 정규화 · 매칭 | Anthropic SDK, zod로 검증하는 LLM 파이프라인 |
| 배포 | Vercel |
AI 에이전트와 일한 방식
- 저장소의 AGENTS.md가 작업 순서를 정합니다. 요구사항 → 스토리 → 아키텍처 → 작업 단위로 나누고, 각 단계의 문서를 aidlc-docs/에 남깁니다.
- 테스트를 먼저 쓰고, 끝날 때마다 빌드 · 테스트 · lint · 타입 체크를 돌리게 되어 있습니다.
- 크롤링 → 정규화 → 매칭을 파이프라인 명령 하나로 묶어, 에이전트가 단계별로 결과를 확인하며 고칠 수 있게 했습니다.
직접 써 보기
물질 열기 ↗ · 제품 소개 · 바이브코딩 전체 가이드