⚡ Supabase Realtime Live Monitor

Live Broadcast Update Data Wilayah & Tingkat RT/RW/Dusun

Disconnected

🔌 1. Pengaturan Koneksi Supabase

➕ 2. Simulasi Tambah Data RT Baru (Realtime)

📡 Live Event Stream (CDC WebSocket)

Menunggu koneksi ke Supabase... Masukkan URL & Anon Key di samping, lalu klik Hubungkan.

📋 Live Data RT Terkini

ID RW ID Nomor RT Nama Ketua
Belum ada data event masuk

💡 Contoh Kode Frontend Client-Side (React / Vue / Vanilla JS)

// Inisialisasi Supabase Client const supabase = supabase.createClient('SUPABASE_URL', 'SUPABASE_ANON_KEY'); // Listen perubahan realtime pada tabel RT supabase .channel('rt-channel') .on('postgres_changes', { event: '*', schema: 'public', table: 'rt' }, (payload) => { console.log('Perubahan terdeteksi:', payload); // payload.eventType: 'INSERT' | 'UPDATE' | 'DELETE' // payload.new: data baris baru }) .subscribe();