Does Supabase Work With Vercel?

// lib/supabase.ts
import { createClient } from '@supabase/supabase-js'

const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL!
const supabaseKey = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!

export const supabase = createClient(supabaseUrl, supabaseKey)

// pages/api/posts.ts - Server-side route
import { supabase } from '@/lib/supabase'

export default async function handler(req, res) {
  const { data, error } = await supabase
    .from('posts')
    .select('*')
    .limit(10)
  
  if (error) return res.status(400).json(error)
  res.status(200).json(data)
}

// pages/index.tsx - Client-side
import { useEffect, useState } from 'react'
import { supabase } from '@/lib/supabase'

export default function Home() {
  const [posts, setPosts] = useState([])
  
  useEffect(() => {
    supabase
      .from('posts')
      .on('*', payload => setPosts(p => [...p, payload.new]))
      .subscribe()
  }, [])
  
  return <div>{posts.map(p => <p key={p.id}>{p.title}</p>)}</div>
}