AI 코딩으로 MVP 만들기 — 단계별 실전 가이드
Claude Code + Next.js + Supabase + Vercel로 1인 개발자가 MVP를 만드는 전체 워크플로우.
아이디어에서 배포까지, AI 코딩 도구를 활용해 혼자서 풀스택 MVP를 구축한다.
전제조건
- Node.js 설치
- Claude Code 설정 (가이드 #1 참고)
- GitHub 계정
- Vercel 계정
단계별 가이드
1
프로젝트 초기화
Claude Code로 Next.js 프로젝트를 생성하고 CLAUDE.md를 설정한다. Supabase 프로젝트를 만들고 환경변수를 연결한다.
2
DB 스키마 설계
Claude Code에 자연어로 데이터 구조를 설명하면 Supabase 마이그레이션 SQL을 자동 생성한다.
3
인증 구현
Supabase Auth를 연동하고, 로그인/회원가입 페이지를 Claude Code로 생성한다.
4
핵심 기능 구현
CRUD API Routes + 프론트엔드 페이지를 Claude Code 에이전트가 자율적으로 생성한다.
5
UI 다듬기
반응형 레이아웃, 다크모드, 로딩 상태를 추가한다.
6
배포
Vercel에 GitHub 연결 → 자동 배포. 커스텀 도메인 설정.
7
반복 개선
Claude Code로 사용자 피드백을 반영하며 빠르게 이터레이션한다.
실전 팁
CLAUDE.md에 프로젝트 컨텍스트를 상세히 적을수록 Claude Code의 출력 품질이 올라간다.
한번에 큰 기능을 요청하기보다 작은 단위로 나눠 요청하면 오류가 줄어든다.
Supabase의 Row Level Security(RLS)를 초기부터 설정해두면 보안 문제를 예방할 수 있다.