Supabase vs Neon Comparison

// Supabase — RLS-protected query + Storage upload (TypeScript)
import { createClient } from '@supabase/supabase-js'

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

// Table protected by the "select_own_posts" RLS policy
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 in the same project — signed upload URL
const { data: uploadUrl } = await supabase.storage
  .from('avatars')
  .createSignedUploadUrl(`${userId}/profile.png`)

// Realtime — live listening via Postgres Changes
supabase
  .channel('posts-changes')
  .on(
    'postgres_changes',
    { event: 'INSERT', schema: 'public', table: 'posts' },
    (payload) => console.log('New post:', payload.new)
  )
  .subscribe()

# Neon — CLI + serverless driver (bash + TypeScript)

# --- bash: open/delete a branch per PR (CI step) ---
# 1) Create an instant copy-on-write clone from the main branch
neon branches create \
  --project-id $NEON_PROJECT_ID \
  --name "preview/pr-${PR_NUMBER}" \
  --parent main

# 2) Get the pooled connection string for this branch
neon connection-string "preview/pr-${PR_NUMBER}" --pooled

# 3) Delete the branch when the PR closes (clean preview environment)
neon branches delete "preview/pr-${PR_NUMBER}" --project-id $NEON_PROJECT_ID

// --- TypeScript: HTTP-based driver in a serverless environment (Vercel Edge/Cloudflare Workers) ---
import { neon } from '@neondatabase/serverless'

const sql = neon(process.env.DATABASE_URL!) // pooled, behind PgBouncer

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