{"repo":"GetStream/fullstack-nextjs-whatsapp-clone","free":true,"listed":false,"github":"https://github.com/GetStream/fullstack-nextjs-whatsapp-clone","clone":"git clone https://github.com/GetStream/fullstack-nextjs-whatsapp-clone.git","description":"A sample codebase showcasing Stream Chat and Video to resembling WhatsApp, using NextJS, TailwindCSS and Vercel.","language":"TypeScript","stars":90,"topics":["chat","nextjs","stream","supabase-auth","vercel","video"],"license":"Apache-2.0","category":"media-processing","readme_excerpt":"Fullstack WhatsApp clone using Next.js, Vercel and Supabase This project contains all the code to run the FullStack WhatsApp clone using Next.js and Supebase. The codebase was developed for an article series published on Stream's blog: - Intro: Building a WhatsApp Clone with NextJS & Supabase - Part 1: WhatsApp Web Clone Tutorial: User Authentication & Chat - Part 2:WhatsApp Web Clone Tutorial: Adding Video Call Functionality - Part 3: Code Tutorial: Deploying Our WhatsApp Web Clone Project The purpose of this repository is to demonstrate below: - Implementing UI elements by customizing existing Stream Chat and Stream Video components. - How to implement authorization using Supabase. - How to integrate Stream Video in a Stream Chat implementation. To run this code, you need to have an active Stream and Supabase account. How to use 1. Create a new Supabase project 1. Sign up for a Stream trial account 1. Rename .env.local.example to .env.local 1. Update the values for NEXT PUBLIC SUPABASE URL and NEXT PUBLIC SUPABASE ANON KEY from your Supabase project's API settings 1. Update the values for NEXT PUBLIC REACT APP STREAM KEY and REACT APP STREAM SECRET from your Stream project's dashboard 1. Run npm run dev to start the local development server Deploy your own instance Make sure you have the Supabase and Stream credentials available when you want to deploy to Vercel. The deployment will ask for these environment values: - NEXT PUBLIC SUPABASE URL - NEXT PUBLIC SUPABASE ANON KEY","default_branch":null,"files":null,"tree":[],"storefront":"/r/GetStream","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/GetStream/fullstack-nextjs-whatsapp-clone/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."}