<aside> 🚀
이 문서는 유튜브 영상을 보고 혼자 따라하실 수 있도록 만든 상세 가이드입니다.
모든 단계를 디테일한 설명, 링크, AI 프롬프트와 함께 정리했습니다.
</aside>
| 항목 | 내용 |
|---|---|
| 핵심 메시지 | "벽은 생각보다 낮다" — 시작, 인증, 결제 3가지 벽만 넘으면 누구나 서비스 런칭 가능 |
| 만들 서비스 | Gemini 래퍼 SaaS (AI 채팅 + 로그인 + 결제 + 배포) |
| 예상 소요 시간 | 약 60분 |
| 파트 | 내용 |
|---|---|
| WALL 1 | 시작 (Antigravity + Next.js + GitHub) |
| WALL 2 | 인증 (Supabase + Google Login) |
| 핵심 기능 | Gemini 래퍼 + UI + 대화 저장 |
| WALL 3 | 결제 (Polar + Checkout + 배포 + Customer Portal + 테스트) |
| 구독 설계 | 3-tier 플랜 라이프사이클 구현 |
| 테스트 | 구독 플로우 + UI 검증 |
| 암호화 | AES-256-GCM 유저 정보 보호 |
| 역할 | 기술 | 링크 |
|---|---|---|
| IDE | Antigravity (Gemini Agent 내장) | antigravity.google |
| 프레임워크 | Next.js + TypeScript + Tailwind CSS | nextjs.org |
| 인증 + DB | Supabase | supabase.com |
| AI | Gemini API (2.0 Flash) | aistudio.google.com |
| 결제 | Polar | polar.sh |
| 배포 | Vercel | vercel.com |
| 버전 관리 | GitHub | github.com |
| UI 레퍼런스 | 21st.dev | 21st.dev |
| Node.js (필수) | Node.js LTS | nodejs.org |
<aside> 💡
딱 3가지만 깔면 됩니다: Antigravity + Next.js + GitHub
</aside>