Supabase로 만드는 대표기업 서비스

Supabase로 게시글 + 투표 스키마.

Product Hunt 같은 일일 투표 + 실시간 순위.

수십만 동시 투표 처리. RLS + 캐시 + Edge.

예약 슬롯 스키마.

Cal.com 같은 예약 + 충돌 방지 + 알림.

엔터프라이즈 캘린더 SaaS. 멀티테넌시 + 외부 캘린더 연동.

트리거 + 액션 스키마.

Keel 같은 워크플로우 빌더 + Edge 실행.

no-code 워크플로우 플랫폼. 권한 + 버저닝 + 모니터링.

이미지 + 메타데이터 스키마 + Storage 업로드.

Mobbin 같은 디자인 검색 + 필터.

수십만 이미지 검색 + 추천 + CDN.

오디오 파일 업로드 + 작업 큐 스키마.

HappyScribe 같은 음성→텍스트 워크플로우. Edge + 외부 ASR.

수만 동시 변환 작업. 큐 + 재시도 + 결제 + Webhook.

// 기업 Supabase 기법 5가지 — 미니 데모
import { createClient } from '@supabase/supabase-js';
const supabase = createClient(process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!);

// 1. Product Hunt: 실시간 투표
await supabase.rpc('vote_post', { post_id: 42 }); // 서버 함수로 멱등 보장

// 2. Cal.com: 예약 충돌 방지 (트랜잭션 함수)
// CREATE FUNCTION book_slot(p_user UUID, p_start TIMESTAMPTZ, p_end TIMESTAMPTZ) ...
await supabase.rpc('book_slot', { p_user: 'u1', p_start: '2026-04-25T10:00Z', p_end: '2026-04-25T11:00Z' });

// 3. Keel: Edge Function으로 워크플로우 실행
await supabase.functions.invoke('run-workflow', { body: { workflowId: 'wf1', input: {} } });

// 4. Mobbin: Storage + 메타 검색
const { data: img } = await supabase.storage.from('designs').upload(`user/1/${Date.now()}.png`, file);
await supabase.from('designs').insert({ path: img!.path, tags: ['onboarding'] });
const results = await supabase.from('designs').select().contains('tags', ['onboarding']).limit(20);

// 5. HappyScribe: 큐 워크플로우
const { data: job } = await supabase.from('jobs').insert({ status: 'pending', file_path: 'audio/x.mp3' }).select().single();
// Edge Function이 jobs 테이블 변경을 구독 → 외부 ASR API 호출 → 결과 저장