Learn how to build a real-time collaborative whiteboard using NextJS, Supabase, and Stream Video. Understand the features of a collaborative whiteboard and how to create a new Supabase project.
Table of contents
What is a Collaborative Whiteboard?Demo - What We Will BuildDeveloper Setup and PrerequisitesWhat is Supabase?Setting Up Your Supabase AccountCreating a New Supabase ProjectWhat is Stream Video?Setting Up Your Stream AccountSetting Up Your Video ProjectBootstrapping NextJS AppSetting Up Environment VariablesUnsetting NextJS ThemeBuilding the Frontend (Part 1)Building the BackendBuilding the Frontend (Part 2){name}NameCreate new roomBuilding the Drawing RoomBuilding the Participant Videos FeatureDidn't Work? Debugging TipsWrapping UpWhat's Next?Integrating Video With Your App?Sort: