8 Things Your Claude Code App NEEDS Before Making Money

원본 영상: 8 Things Your Claude Code App NEEDS Before Making Money

한 줄 요약

Claude Code로 바이브코딩한 앱을 “데모”에서 “진짜 SaaS”로 만들려면 8단계 인프라가 필요하다.

핵심 내용

Database (Supabase) — 앱을 Supabase 프로젝트에 연결, .env.local에 Project URL과 anon key 입력, Claude가 생성한 SQL을 SQL Editor에서 실행해 테이블 생성
User Authentication — Supabase 인증 활성화, 이메일 가입·로그인·로그아웃 구현, Supabase URL Configuration에 localhost URL 등록
Multi-tenancy — 모든 유저가 같은 대시보드를 공유하는 문제 해결. Claude가 생성한 SQL(Row Level Security 등)을 Supabase에 실행해 유저별 데이터 격리
Stripe 결제 연동 — 테스트 모드로 시작, Stripe에서 상품·가격 생성 후 publishable key, secret key, price ID를 .env.local에 입력, Supabase에 결제 지원 테이블 추가
Webhook + 구독 업그레이드 — Stripe webhook secret을 .env.local에 추가해 결제 완료 시 DB의 유저 구독 상태를 실제로 갱신
구독 관리 (Stripe Customer Portal) — 유저가 앱 내에서 업그레이드·다운그레이드·취소를 할 수 있도록 Stripe 포털 연결
Dunning (결제 실패 잠금) — 카드 청구 2회 실패 시 구독 상태를 past_due로 변경해 앱 접근 차단, 결제 갱신 시 복원
배포 — GitHub private repo에 코드 push(.gitignore로 .env 제외), Vercel에서 GitHub 연결 후 import·deploy, Vercel 환경변수에 모든 키 직접 입력

전술·요소

단계	핵심 체크포인트
Supabase 연결	Project URL + anon key → `.env.local`
인증	URL Configuration에 앱 주소 등록 필수
멀티테넌시	Claude가 준 SQL을 SQL Editor에서 실행
Stripe 설정	테스트 모드 먼저, 카드 번호 `4242 4242 4242 4242`
Webhook	프로덕션 배포 후 webhook endpoint URL을 localhost → 실제 도메인으로 교체
GitHub push	`.gitignore`에 `.env.local` 포함 여부 Claude에게 명시적으로 확인 요청
Vercel 환경변수	`localhost` 관련 값(SITE_URL 등)은 생략 가능
Stripe 라이브 전환	라이브 모드에서 API key, price ID, webhook secret 재발급 필요

수치·사례

예시 구독 가격: $49/월 (영상 내 데모 설정값)
Stripe 계정 생성 및 초기 설정 소요 시간: 약 5~15분 (본인 추정)
테스트 카드 번호: 4242 4242 4242 4242 (Stripe 공식 테스트 번호)

도구·워크플로

사용 도구

Claude Code — 전체 코드 생성 및 버그 수정
Supabase — DB, 인증, 멀티테넌시 (무료)
Stripe — 결제, Customer Portal, Webhook
Next.js — 웹 앱 프레임워크
GitHub — 코드 저장소 (private repo)
Vercel — 배포 플랫폼 (Next.js 제작사)

프롬프트 패턴

기능 추가: "Can you please add [기능] to our application so that [목적]"
버그 수정: 증상을 그대로 붙여넣고 "Can you please solve this bug?"
보안 배포: "make sure that none of my API keys are exposed... everything is in the .env file and we have a .gitignore"
API key 자동 취득: webhook secret처럼 복잡한 키는 Claude Code에게 직접 가져오도록 지시

워크플로 흐름

Claude Code 빌드 → Supabase 테이블 SQL 실행 → .env.local 키 입력
→ Stripe 상품 생성 → webhook 연결 → GitHub push → Vercel 배포
→ Stripe 라이브 모드 전환 → webhook endpoint를 프로덕션 URL로 교체