← 템플릿 목록
마케팅초급🌍 Dropbox 추천 모델
바이럴 대기자 명단 + 추천 퍼널
친구 추천 시 순위 상승 + 혜택 지급. Dropbox가 광고비 0으로 수백만 유저를 모은 방법.
Claude Code · Cursor · ChatGPT 에 붙여넣기
# 바이럴 대기자 명단 + 추천 퍼널 MVP 만들기
## 프로젝트 개요
이메일 등록 시 고유 추천 링크 발급 → 친구 초대 시 대기 순위 상승 → 얼리버드 혜택 지급.
참고 모델: Dropbox 추천 프로그램 — 광고비 $0으로 유저 3900% 성장
## 기술스택
- Next.js 14 (App Router) + TypeScript
- Supabase (DB)
- Tailwind CSS + shadcn/ui
- Resend API
- 한국어 UI
## 필수 기능
### 1. 대기자 랜딩 페이지 (/)
- 서비스 티저 (헤드라인, 핵심 가치 3가지)
- 현재 대기자 수 카운터
- 얼리버드 혜택 목록 ("상위 100명: 평생 무료" 등)
- 이메일 + 이름 등록 폼
### 2. 등록 완료 페이지 (/waitlist/[referralCode])
- "N번째로 등록하셨습니다!" 표시
- 내 고유 추천 링크 표시
- 공유 버튼 (카카오, 트위터, 링크 복사)
- 친구 초대 시 순위 상승 안내
- 현재 상위 보상 현황 표시
### 3. 추천 추적 시스템
- 추천 링크 클릭 → referral_code 쿠키 저장
- 해당 코드로 새 등록 시 → 추천인 referral_count +1 → 순위 자동 상승
- 순위 = 등록 순서 - (추천 수 × 5) [Dropbox 방식]
### 4. 순위 확인 페이지 (/check)
- 이메일 입력 → 현재 순위 조회
- 추천 현황 (몇 명 초대했는지)
- 추천 링크 재확인
### 5. 관리자 (/admin)
- 전체 대기자 목록 + 순위 + 추천 수
- 최근 등록자 실시간 피드
- 당첨자 선정 + 얼리버드 이메일 발송
- CSV 다운로드
## DB 스키마
```sql
waitlist: id, name, email, referral_code(unique),
referred_by_code, referral_count, raw_position,
final_position, created_at
```💡 사용 방법
- ① 위 프롬프트를 복사하세요
- ② Claude Code · Cursor (한국어) 또는 Lovable · Bolt · v0 (영어)에 붙여넣기
- ③
[업종]부분을 내 업종으로 교체하세요 - ④ 실행하면 강력한 MVP 완성!