{"repo":"GetStream/twitch-clone-nextjs","free":true,"listed":false,"github":"https://github.com/GetStream/twitch-clone-nextjs","clone":"git clone https://github.com/GetStream/twitch-clone-nextjs.git","description":"Building a Full Stack Twitch Clone using Next.js, Clerk, Supabase, Stream Video, and Stream Chat","language":"TypeScript","stars":20,"topics":["clerk","clerk-auth","html","nextjs","react","streamchat","supabase","supabase-db","tailwind","tailwindcss"],"license":null,"category":"databases-storage","readme_excerpt":"Full Stack Twitch Clone using Clerk, Supabase, and Stream Video + Chat This repository demonstrates how to build a full-stack clone of Twitch, using the following tech: - Web Framework: Next.js - Authentication: Clerk - Database Storage: Supabase - Livestreaming: Stream Video - Chat: Stream Chat This repository is intended to be an accompanying piece for the tutorials we've created: - Video Tutorial on Youtube (comprehensive step-by-step guide, 5h long) - Blog posts (split up into digestible sections) - Part 1: Project Description And Setup - Part 2: Authentication with Clerk (Coming Soon) - Part 3: Supabase User Integration - Part 4: Home Feed with Livestreaming Data - Part 5: Livestreams With Stream Video - Part 6: Adding and Customizing Stream Chat If you enjoy this content, feel free to give this repo a ⭐️ and let us know what to build next on X or LinkedIn. Try Stream today for free: https://gstrm.io/45nQEF3 How to run the project locally? First of all, you should clone the repo with the following command: Before running the project, you need to have accounts and projects setup for the following (if you're unsure about the setup process, it's well documented in the video tutorial): - Clerk - Supabase - Stream Then, you need to create a local .env file in the root of your project and fill out the following values: You can then first install all dependencies by running: And finally, run the project with: This should host the project on localhost:3000 (or another port if th","default_branch":null,"files":null,"tree":[],"storefront":"/r/GetStream","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/GetStream/twitch-clone-nextjs/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}