이메일 수집: 대기 리스트 구축

[가치]
- 1000명 → 출시 첫날 100~200명 결제
- 5~20% 전환 (업종에 따라)
- 광고 비용 없이 첫 고객


[수집 채널]
- 랜딩 페이지 (메인)
- Twitter (Build in Public)
- LinkedIn (B2B)
- Reddit·HackerNews
- Product Hunt "Coming Soon"

[ConvertKit] $9~$$/mo
- 인디 메이커 표준
- 시퀀스·태그·자동화
- 1000명까지 무료

[Resend] $0~$20/mo
- 트랜잭션 + 마케팅
- 개발자 친화 API
- 3,000/mo 무료

[Beehiiv] $0~$$/mo
- 뉴스레터 특화
- 무료 plan 좋음
- 추천 시스템

[Mailchimp] $0~$$/mo
- 가장 유명
- 좀 무거움
- 500명 무료

// 랜딩 페이지에서 이메일 입력
async function subscribe(email: string) {
  const res = await fetch('https://api.convertkit.com/v3/forms/FORM_ID/subscribe', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({
      api_key: process.env.CONVERTKIT_API_KEY,
      email,
      tags: ['waitlist', 'landing-page'],
    }),
  });

  if (!res.ok) throw new Error('Subscribe failed');
}


// 폼 제출
'use client';
function WaitlistForm() {
  const [email, setEmail] = useState('');
  const [status, setStatus] = useState<'idle'|'loading'|'success'|'error'>('idle');

  const submit = async (e: React.FormEvent) => {
    e.preventDefault();
    setStatus('loading');
    try {
      await fetch('/api/subscribe', {
        method: 'POST',
        body: JSON.stringify({ email }),
      });
      setStatus('success');
    } catch {
      setStatus('error');
    }
  };

  if (status === 'success') {
    return <p>✅ 등록 완료! 이메일 확인해주세요.</p>;
  }

  return (
    <form onSubmit={submit}>
      <input
        type="email"
        value={email}
        onChange={e => setEmail(e.target.value)}
        required
      />
      <button disabled={status === 'loading'}>
        {status === 'loading' ? '등록 중...' : 'Early Access'}
      </button>
    </form>
  );
}

// 가입 직후
import { Resend } from 'resend';
const resend = new Resend(process.env.RESEND_API_KEY!);

await resend.emails.send({
  from: 'You <hello@yourapp.com>',
  to: email,
  subject: '🎉 Welcome to [App Name]!',
  html: `
    <h1>가입을 환영합니다!</h1>
    <p>출시 (예상 [날짜]) 시 가장 먼저 알려드릴게요.</p>
    <p>그동안 진행 상황은 <a href="https://twitter.com/you">Twitter</a>에서 공유합니다.</p>
    <p>혹시 의견이 있다면 답장해주세요. 모두 읽어요.</p>
    <p>- [본인 이름]</p>
  `,
});

Day 0: 환영 + 다음 기대
Day 3: Behind-the-scenes (개발 진행)
Day 7: 문제 더 깊이 (사용자 인사이트 공유)
Day 14: Beta 초대 (선착순)
Day 21: 출시! (Founder discount)


→ ConvertKit Sequence로 자동
→ 매주 1통 = 적당한 빈도
→ 사용자 engagement 유지

// 가입 후 — "친구 3명 초대 시 3개월 무료"
const referralLink = `https://yourapp.com/?ref=${user.id}`;

// 친구가 가입하면 자동 추적
async function handleReferral(referrerId: string, newUserId: string) {
  await db.referral.create({
    data: { referrerId, newUserId },
  });

  const count = await db.referral.count({ where: { referrerId } });
  if (count >= 3) {
    await grantFreeMonths(referrerId, 3);
  }
}


// 이메일에 포함
"친구 초대 링크: [link]"
"3명 가입 시 3개월 무료!"

매일 짧은 트윗:
- "Day 7 building [App]"
- 진척 사진·동영상
- 매트릭 공개 (대기 리스트 100명...)
- 도전·실수도 공유


[효과]
- 자연스럽게 audience 형성
- 출시 시 즉시 트래픽
- 다른 인디 메이커 네트워크


[패턴]
주 1회 — 큰 마일스톤
일별 — 작은 진척
주말 — 회고

[2주 전]
- "곧 출시! 대기 리스트 X명"
- 베타 초대 시작 (소수)

[1주 전]
- 매일 카운트다운
- "5일 남음"
- 대기 리스트 ranking

[당일]
- Product Hunt 동시 출시
- 모든 채널 알림
- 24시간 모니터링

[수집 단계]
- 일별 가입 수
- 출처 (UTM tag)
- CVR (랜딩 → 가입)

[유지 단계]
- 이메일 open rate (20%+ 좋음)
- click rate (5%+ 좋음)
- 이탈 (unsubscribe < 1%)

[전환 단계]
- 베타 → Pro 결제 (10~20%)
- 광고비 ROI