Build a Full-Stack Twitch Clone using Next.js, Clerk and Supabase

Try Stream today for free: https://gstrm.io/45nQEF3 Link to the Repository: https://github.com/GetStream/twitch-clone-nextjs In this video, we want to build a clone of the popular live-streaming platform Twitch. We're using Clerk for authentication, Supabase for everything database-related, and Stream for both live-streaming and chat support. In this video, we're going over the entire creation process from nothing to finished project, so grab a coffee, stretch your coding muscles, and follow along (or just sit back and enjoy, your choice). Stream on X: https://x.com/getstream_io Stefan on X: https://x.com/stefanjblos 🔗 Links Repository: https://github.com/GetStream/twitch-clone-nextjs Next.js: https://nextjs.org Clerk: https://clerk.com Supabase: https://supabase.com Stream Video: https://getstream.io/video/docs/ Stream Chat: https://getstream.io/chat/docs/ Middleware in Next.js: https://nextjs.org/docs/app/api-reference/file-conventions/middleware Server Actions in Next.js: https://nextjs.org/docs/app/api-reference/config/next-config-js/serverActions Integrate Supabase with Clerk: https://clerk.com/docs/integrations/databases/supabase React context: https://react.dev/learn/passing-data-deeply-with-context Heroicons: https://heroicons.com ⏱️ Timestamps 00:00:00 Introduction 00:02:49 Project Setup 00:06:40 Clerk Setup 00:46:00 Supabase User Integration 01:54:23 Home Feed and Livestream Data 02:46:04 Livestream Integration 04:18:22 Chat Integration 04:52:39 Summary