Supabase vs Neon 比較

// Supabase — RLS保護されたクエリ + Storageアップロード(TypeScript)
import { createClient } from '@supabase/supabase-js'

const supabase = createClient(
  process.env.SUPABASE_URL!,
  process.env.SUPABASE_ANON_KEY!
)

// RLSポリシー"select_own_posts"で保護されたテーブル
const { data: posts, error } = await supabase
  .from('posts')
  .select('id, title, created_at')
  .eq('author_id', userId)
  .order('created_at', { ascending: false })
  .limit(20)

if (error) throw error

// 同じプロジェクト内のStorage — 署名付きアップロードURL
const { data: uploadUrl } = await supabase.storage
  .from('avatars')
  .createSignedUploadUrl(`${userId}/profile.png`)

// Realtime — Postgres Changesによるライブリスニング
supabase
  .channel('posts-changes')
  .on(
    'postgres_changes',
    { event: 'INSERT', schema: 'public', table: 'posts' },
    (payload) => console.log('Yeni post:', payload.new)
  )
  .subscribe()

# Neon — CLI + serverlessドライバー(bash + TypeScript)

# --- bash:PRごとにブランチを作成/削除(CIステップ) ---
# 1) メインブランチから即座にcopy-on-writeクローンを作成
neon branches create \
  --project-id $NEON_PROJECT_ID \
  --name "preview/pr-${PR_NUMBER}" \
  --parent main

# 2) このブランチのpooled接続文字列を取得
neon connection-string "preview/pr-${PR_NUMBER}" --pooled

# 3) PRがクローズされたらブランチを削除(クリーンなプレビュー環境)
neon branches delete "preview/pr-${PR_NUMBER}" --project-id $NEON_PROJECT_ID

// --- TypeScript:serverless環境(Vercel Edge/Cloudflare Workers)でのHTTPベースドライバー ---
import { neon } from '@neondatabase/serverless'

const sql = neon(process.env.DATABASE_URL!) // pooled、PgBouncerの裏側

const rows = await sql`
  SELECT id, title, created_at
  FROM posts
  WHERE author_id = ${userId}
  ORDER BY created_at DESC
  LIMIT 20
`