진짜 바이브 코딩

뭘 써야 할지 모를 때

상황별로 가장 적합한 서비스를 추천해드립니다.

📋 처음이라면 먼저 읽어보세요

아래 내용을 먼저 읽으면 이 가이드를 더 쉽게 따라할 수 있습니다.

Ad Space — guide-what-top

💡 Tip: 여기 추천은 "처음 시작하는 바이브 코더" 기준입니다. 무료이거나 무료 티어가 넉넉하고, AI가 잘 이해하며, 설정이 간단한 것 위주로 골랐습니다.

🏠 앱을 어디에 배포할지 모르겠어

Vercel

무료 티어가 넉넉하고, GitHub에 push하면 자동 배포. Next.js와 가장 잘 맞음.

다른 선택지:

  • Netlify — 비슷한 서비스, 정적 사이트에 강함
  • Railway — 백엔드 서버가 필요할 때
  • Fly.io — Docker 컨테이너 배포

💾 데이터를 어디에 저장할지 모르겠어

Supabase

PostgreSQL + 인증 + 파일 저장을 한 곳에서. 무료 티어로 사이드 프로젝트 충분.

다른 선택지:

  • Neon — DB만 필요할 때. 더 가볍고 빠름
  • Firebase — Google 생태계. 실시간 동기화가 필요할 때
  • MongoDB Atlas — 유연한 NoSQL이 필요할 때

🔐 로그인을 어떻게 만들지 모르겠어

Clerk

가입하고 API 키만 넣으면 끝. UI 컴포넌트까지 제공. 소셜 로그인 기본 포함.

다른 선택지:

  • Auth.js — 무료, 오픈소스. 커스터마이징 자유도 높음
  • Supabase Auth — Supabase DB 쓰고 있다면 추가 비용 없음

💳 결제를 어떻게 받을지 모르겠어

Stripe

글로벌 표준. 문서가 잘 되어 있고 AI가 가장 잘 아는 결제 시스템.

다른 선택지:

  • Lemon Squeezy — 디지털 상품 + 세금 자동 처리
  • Paddle — 세금 처리까지 대행. 글로벌 판매 시

Ad Space — guide-what-mid

📧 이메일을 어떻게 보낼지 모르겠어

Resend

개발자 친화적 API. React로 이메일 템플릿 작성 가능. 무료 100통/일.

다른 선택지:

  • SendGrid — 대량 발송에 강함
  • AWS SES — 가장 저렴하지만 설정이 복잡

📊 사용자 분석을 어떻게 할지 모르겠어

Vercel Analytics

Vercel 배포 시 원클릭 설정. 프라이버시 친화적. 기본 분석 충분.

다른 선택지:

  • Google Analytics — 가장 강력하고 무료. 설정이 복잡
  • PostHog — 이벤트 추적, A/B 테스트, 세션 리플레이까지

🤖 AI 기능을 앱에 넣고 싶어

Vercel AI SDK + AI Gateway

ChatGPT, Claude 등 다양한 AI를 통합 API로 사용. 스트리밍 기본 지원.

다른 선택지:

  • OpenAI API 직접 사용 — 단일 모델만 쓸 때
  • Langchain — 복잡한 AI 파이프라인이 필요할 때

🐛 에러 모니터링을 어떻게 할지 모르겠어

Sentry

무료 티어가 넉넉하고, Next.js 공식 지원. 에러 발생 시 알림.

다른 선택지:

  • Vercel Monitoring — Vercel 대시보드에서 바로 확인
  • LogRocket — 사용자 세션 리플레이 포함

관련 콘텐츠

Ad Space — guide-what-bottom