← 템플릿 목록
콘텐츠중급🌍 Substack 모델
유료 뉴스레터 플랫폼
무료 구독자 → 월 유료 전환 구조. 내 업종 전문 인사이트를 뉴스레터로 판매. 연 1억 버는 1인 미디어의 기술적 기반.
Claude Code · Cursor · ChatGPT 에 붙여넣기
# 유료 뉴스레터 플랫폼 MVP 만들기
## 프로젝트 개요
전문가가 업종별 인사이트를 뉴스레터로 발행하고, 무료 구독자를 유료로 전환하는 플랫폼.
참고 모델: Substack (substack.com) — 작가 연 $1M+ 다수 배출
## 기술스택
- Next.js 14 (App Router) + TypeScript
- Supabase (DB + Auth)
- Tailwind CSS + shadcn/ui
- Resend API (이메일 발송)
- 토스페이먼츠 (유료 구독)
- 한국어 UI
## 필수 기능
### 1. 구독 랜딩 페이지 (/)
- 뉴스레터 소개 (헤드라인, 가치 제안, 예시 이슈 미리보기)
- 구독자 수 카운터 ("이미 N명이 구독 중")
- 무료 구독 폼 (이메일 입력)
- 유료 구독 CTA (월 N만원, 연 N만원)
### 2. 이슈 아카이브 (/newsletter)
- 전체 이슈 목록 (날짜, 제목, 요약)
- 무료 이슈: 전체 공개
- 유료 이슈: 일부만 공개 → "전체 보기" 클릭 시 결제 유도
### 3. 이슈 상세 페이지 (/newsletter/[slug])
- 리치 텍스트 콘텐츠 렌더링
- 유료/무료 접근 제어
- 공유 버튼 (카카오, 링크 복사)
### 4. 이메일 발송 시스템
- 관리자가 새 이슈 발행 → 전체/무료/유료 구독자 선택 발송
- Resend API 연동
- 구독 취소 링크 포함 (법적 필수)
### 5. 관리자 대시보드 (/admin)
- 이슈 작성/발행 (리치 에디터)
- 구독자 현황 (무료 N명, 유료 N명, 이번달 신규)
- 매출 현황
- 구독 취소자 목록
## DB 스키마
```sql
subscribers: id, email, tier(free/paid), subscribed_at
issues: id, slug, title, summary, content, is_paid_only,
published_at, sent_at
```💡 사용 방법
- ① 위 프롬프트를 복사하세요
- ② Claude Code · Cursor (한국어) 또는 Lovable · Bolt · v0 (영어)에 붙여넣기
- ③
[업종]부분을 내 업종으로 교체하세요 - ④ 실행하면 강력한 MVP 완성!