바이브코딩의 모든 것 - 인증·결제·배포 완벽 가이드 | 43분 만에 SaaS 만들기

Next.js + Supabase + AI로 SaaS 만들기 — 로그인, 결제, 배포까지 한 영상에 끝내기 | Claude Code AI 코딩 📋 영상 따라하기 (전체 가이드 노션 페이지) 👇👇👇👇👇 https://raspy-roll-970.notion.site/SaaS-303f7725c9d981db8796cee24b2d2ba5 "어디서부터 시작하지?" "로그인은 어떻게 만들지?" "결제는 어떻게 붙이지?" 이 질문에서 멈춘 적 있다면, 이 영상이 답입니다. Next.js 프로젝트 생성부터 Google OAuth 로그인, Gemini AI 채팅, Polar 구독 결제, Vercel 배포, 개인정보 암호화까지. 진짜 돌아가는 SaaS를 처음부터 끝까지 한 영상에 담았습니다. 아이디어 하나만 있으면 됩니다. 나머지는 이 영상에서 보여드립니다. ⏱ 타임스탬프 0:00 하이라이트 — 완성본 미리보기 0:35 인트로 — 개발자가 부딪히는 세 가지 벽 1:34 Part 1: 시작 — Next.js 프로젝트 생성 + GitHub 연동 7:52 Part 2: 인증 — Supabase + Google OAuth 로그인 15:29 Part 3: 핵심 기능 — Gemini API AI 채팅 구현 24:51 Part 4: 결제 — Polar 연동 + Checkout + 구독 설계 39:21 Part 5: 테스트 — 전체 흐름 검증 40:30 Part 6: 암호화 — 개인정보 보호 적용 42:20 마무리 📌 영상에서 다루는 내용 ✅ 프로젝트 셋업 — Next.js 프로젝트 생성, GitHub 레포 연동, 랜딩 페이지 ✅ 인증 — Supabase Auth + Google OAuth 로그인/로그아웃 ✅ 핵심 기능 — Gemini API 기반 AI 채팅 + 대화 저장/히스토리 ✅ 결제 — Polar로 구독 상품 등록 + Checkout 연결 ✅ 구독 설계 — 웹훅 처리, 사용량 추적, 프로그레스바 대시보드 ✅ 배포 — Vercel 배포 + 환경변수 설정 ✅ 암호화 — 사용자 개인정보 암호화 (비포/애프터) 🛠 사용 기술 Next.js · Supabase · Google OAuth · Gemini API · Polar · Vercel 🔗 유용한 링크 Supabase: https://supabase.com Polar: https://polar.sh Vercel: https://vercel.com Google Cloud Console: https://console.cloud.google.com