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

Next.js + Supabase + AI로 SaaS 만들기 — 로그인, 결제, 배포까지 한 영상에 끝내기 | Claude Code AI 코딩

📋 영상 따라하기 (전체 가이드 노션 페이지)
👇👇👇👇👇
https://raspy-roll-970.notion.....site/SaaS-303f7725c9

"어디서부터 시작하지?" "로그인은 어떻게 만들지?" "결제는 어떻게 붙이지?"
이 질문에서 멈춘 적 있다면, 이 영상이 답입니다.

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