supabase_realtime_postgres_changes_subscription_quickstart.ts

1import { createClient } from '@supabase/supabase-base-js'
2
3// Initialize the Supabase client
4const supabaseUrl = 'https://your-project-url.supabase.co'
5const supabaseKey = 'your-anon-key'
6const supabase = createClient(supabaseUrl, supabaseKey)
7
8// Subscribe to real-time changes on a specific table
9const channel = supabase
10  .channel('schema-db-changes')
11  .on(
12    'postgres_changes',
13    {
14      event: '*', // Listen to all events: INSERT, UPDATE, and DELETE
15      schema: 'public',
16      table: 'todos', // Replace with your table name
17    },
18    (payload) => {
19      console.log('Change received!', payload)
20    }
21  )
22  .subscribe((status) => {
23    if (status === 'SUBSCRIBED') {
24      console.log('Successfully subscribed to real-time changes!')
25    }
26  })