May 1, 20261 min read
Building a Real-Time Event Platform with Next.js and Supabase
How I built HarifMoments — a real-time digital signage platform — with Next.js, Supabase realtime, and Fabric.js.
Next.jsSupabaseRealtimeArchitecture
Building a Real-Time Event Platform
A breakdown of the architecture behind HarifMoments — live digital signboards, QR-coded invitations, and moderated guest interactions powered by Next.js App Router and Supabase realtime.
The Stack
- Next.js 16 for SSR and the App Router
- Supabase for auth, postgres, realtime, and storage
- Tailwind CSS + Framer Motion for the UI layer
- Fabric.js for the signage canvas editor
Lessons Learned
Real-time systems need careful debouncing, optimistic UI, and a robust moderation queue. Spend more time than you'd expect designing the moderator's experience — guests will always test the limits.
— Thanks for reading
More in the journal.