← 템플릿 목록
콘텐츠중급🌍 The Hidden Riches 모델
케이스 스터디 라이브러리
해외/국내 성공 사례를 큐레이션해 무료 제공 → 구독자 확보 → 프리미엄 전환. 콘텐츠가 마케팅이자 상품인 구조.
Claude Code · Cursor · ChatGPT 에 붙여넣기
# 케이스 스터디 라이브러리 MVP 만들기 ## 프로젝트 개요 업종별 성공 사례를 큐레이션해 무료 제공 → 구독자 모집 → 유료 전환하는 콘텐츠 플랫폼. 참고 모델: The Hidden Riches (thehiddenrich.com) ## 기술스택 - Next.js 14 (App Router) + TypeScript - Supabase (DB + Auth) - Tailwind CSS + shadcn/ui - Resend API - 토스페이먼츠 (프리미엄) - 한국어 UI ## 필수 기능 ### 1. 케이스 목록 페이지 (/) - 카드 그리드: 썸네일, 제목, 업종 태그, 수익 정보, 날짜 - 필터: 업종 / 수익 규모 / 창업 방식 - 정렬: 최신 / 인기 / 수익 높은 순 - 이메일 구독 폼 (새 케이스 알림) ### 2. 케이스 상세 페이지 (/cases/[slug]) - 무료: 요약 + 핵심 인사이트 3가지 - 유료 회원: 전체 스토리 + 수익 지표 + 사용 도구 + 따라하기 가이드 - 북마크 저장 기능 - 관련 케이스 추천 ### 3. 구독/멤버십 시스템 - 무료 구독: 이메일 등록 → 새 케이스 주 1회 알림 - 프리미엄: 월 N만원 → 모든 케이스 전체 열람 + 아카이브 ### 4. 관리자 (/admin) - 케이스 등록/수정/삭제 (리치 텍스트 에디터) - 구독자 현황 - 조회수 통계 ## DB 스키마 ```sql cases: id, slug, title, thumbnail_url, industry_tags(text[]), revenue_info, summary, full_content, is_premium, view_count, published_at subscribers: id, email, tier(free/premium), subscribed_at bookmarks: id, user_id, case_id ```
💡 사용 방법
- ① 위 프롬프트를 복사하세요
- ② Claude Code · Cursor (한국어) 또는 Lovable · Bolt · v0 (영어)에 붙여넣기
- ③
[업종]부분을 내 업종으로 교체하세요 - ④ 실행하면 강력한 MVP 완성!