Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Build an Advanced Realtime Chat Project with Supabase

Web Dev Simplified via YouTube

Start learning Write review
Scrimba Ad

Free courses from frontend to fullstack and AI

Learn More → Noble Desktop Ad

Live Online Classes in Design, Coding & AI — Small Classes, Free Retakes

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
Build a real-time chat application with public and private rooms, permissions, user invites, and infinite scrolling. The project uses Next.js, React, Tailwind, shadcn/ui, Drizzle, and Supabase.

Syllabus

00:00:00 - Introduction/Demo
00:00:53 - Supabase Setup
00:05:06 - Auth Setup
00:09:57 - Database Setup
00:15:04 - Chat Room List Empty State
00:17:26 - Navbar
00:26:20 - New Chat Room Page
00:45:58 - Supabase MCP Server Setup
00:53:04 - Chat Room List Page
01:08:54 - Chat Page
01:35:18 - Realtime Functionality
01:56:40 - Invite User Modal
02:01:23 - Infinite Scroll

Taught by

Web Dev Simplified

Reviews

Start your review of Build an Advanced Realtime Chat Project with Supabase

Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.