Vibe Coding

Supabase

데이터베이스, 인증, API를 하나로. 서버 없이 백엔드를 구축하는 핵심 도구

by Kainos·2026.3.28·4분 읽기

Supabase란?

Supabase는 Firebase의 오픈소스 대안입니다. PostgreSQL 데이터베이스를 기반으로 인증, 실시간 구독, 스토리지, Edge Functions까지 제공합니다.

Firebase와 달리 표준 SQL을 사용하고, 데이터를 직접 소유할 수 있습니다. 언제든 다른 PostgreSQL 호스팅으로 마이그레이션 가능해요.

사용하는 기능

table_chart

PostgreSQL Database

관계형 DB의 강력함. 테이블 조인, 뷰, 함수 등 모두 지원

person

인증 (Authentication)

Google, 카카오 소셜 로그인. 이메일/비밀번호도 가능

bolt

실시간 구독

DB 변경사항을 실시간으로 클라이언트에 푸시

security

Row Level Security

DB 레벨에서 접근 제어. 클라이언트에서 직접 쿼리해도 안전

코드 예시

Supabase 클라이언트 초기화

// src/lib/supabase.ts
import { createClient } from '@supabase/supabase-js'
 
export const supabase = createClient(
  process.env.NEXT_PUBLIC_SUPABASE_URL!,
  process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!
)

Google 로그인

const { data, error } = await supabase.auth.signInWithOAuth({
  provider: 'google',
  options: {
    redirectTo: window.location.origin
  }
})

데이터 조회

const { data, error } = await supabase
  .from('posts')
  .select('*')
  .eq('user_id', userId)
  .order('date', { ascending: false })

비용

무료

Free 플랜으로 충분

500MB 데이터베이스
1GB 파일 스토리지
50,000 월간 활성 사용자
프로젝트 2개

개인 프로젝트나 소규모 서비스에는 무료 플랜으로 충분합니다. 7일간 비활성 시 일시정지되지만, 접속하면 바로 복구됩니다.

팁

shield

RLS 꼭 설정하기

클라이언트에서 직접 쿼리하므로 Row Level Security 필수

key

anon key vs service key

클라이언트는 anon key, 서버/관리자는 service key 사용

sync

7일 비활성 주의

무료 플랜은 7일 미접속 시 일시정지. 주기적 접속 권장

함께 사용하는 도구

Next.js Cloudflare Claude Code