비개발자의 개발실로그인
← 목록으로
마크다운

Supabase 무료 플랜으로 DB 연동하기

Supabase 무료 플랜을 활용해 바이브 코딩 앱에 데이터베이스를 연결하는 방법을 설명합니다.

DB초보탈출·2026년 3월 13일

Supabase 무료 플랜으로 DB 연동하기

Supabase란?

Supabase는 오픈소스 Firebase 대안으로, PostgreSQL 기반의 백엔드 서비스입니다.

무료 플랜 한도

  • DB 용량: 500MB
  • Row 수: 무제한
  • 월간 API 요청: 무제한 (Bandwidth 5GB)
  • 동시 접속: 최대 200개

연동 순서

1. 프로젝트 생성

  1. supabase.com 접속 → 로그인
  2. New Project 클릭
  3. 프로젝트명, DB 비밀번호 설정

2. 테이블 만들기

CREATE TABLE todos (
  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
  content text NOT NULL,
  done boolean DEFAULT false,
  created_at timestamptz DEFAULT now()
);

3. Next.js에서 연결

import { createClient } from '@supabase/supabase-js'

const supabase = createClient(
  process.env.NEXT_PUBLIC_SUPABASE_URL!,
  process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!
)

주의사항

  • anon key는 프론트에서 사용 가능하지만 RLS를 반드시 설정하세요
  • service_role key는 서버에서만 사용하세요