Build an Advanced Realtime Chat Project with Supabase
Web Dev Simplified
@webdevsimplifiedAbout
Web Dev Simplified is all about teaching web development skills and techniques in an efficient and practical manner. If you are just getting started in web development Web Dev Simplified has all the tools you need to learn the newest and most popular technologies to convert you from a no stack to full stack developer. Web Dev Simplified also deep dives into advanced topics using the latest best practices for you seasoned web developers. I started Web Dev Simplified in order to share my passion for web development, and do what I truly love. Teach and inspire new web developers. I have been in love with full stack web development since 2015 when I did my first internship as a web developer. Ever since then I have pursued my passion, learning everything there is to know about web development. Over the years I have taught many colleagues and friends the joys of web development, and cannot wait to teach you. Thank you for watching!
Latest Posts
Video Description
Try Supabase: https://supabase.plug.dev/rZx5wtt In this video I will show you how to create an advanced realtime chat application that supports public/private rooms, a full permission system, user invites, infinite scrolling, and much more. We will be using Next.js, Tailwind, Shadcn, React, Drizzle, and Supabase for this project 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/supabase-realtime-chat WDS Shadcn Registry: https://wds-shadcn-registry.netlify.app/ 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified ⏱️ Timestamps: 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 #Supabase #WDS #NextJS
You May Also Like
No Recommendations Found
No products were found for the selected channel.