Tutorials: Next.js Video

Build a Discord Clone with Next.js and TailwindCSS

In this series of blog posts, we build a clone of the popular community-building app Discord using Next.js and our chat API and video SDKs. At Stream, our real-time communication SDKs echo Discord’s mission of uniting people. The aim of this project is to replicate Discord’s functional aesthetic appeal with our own services at the
Read more ->
4 min read

Build a Discord Clone with Next.js and TailwindCSS: Audio and Video Calling — Part Five

Welcome to part five of our series about building a Discord clone using Next.js and TailwindCSS. We have already covered many customization options while using Stream’s Chat SDK. This covered the basic setup process, creating a server list, building a list of channels with categories, and finally, the message list. For the last part of
Read more ->
15 min read

Build a Real-time Collaborative Whiteboard in NextJS With Supabase & Stream Video

In this article, we're going to take a look at building a real-time collaborative whiteboard with video and live presence functionalities using NextJS, Supabase, and the Stream Video React SDK. What is a Collaborative Whiteboard? A collaborative whiteboard is an online whiteboard tool that allows multiple people to draw content simultaneously in real-time. It provides
Read more ->
45 min read

WhatsApp Web Clone Part 3: Deploying Our Code

In the previous two parts of this article series, we created a NextJS project using Stream Chat and Video. Authentication was done using Supabase’s authentication feature. In this final part of the article series, we will deploy our results to Vercel. Vercel is the maintainer of the NextJS framework, and our entire codebase is NextJS-based,
Read more ->
1 min read

WhatsApp Web Clone Part 2: Let's Add Video Calling

Let's Add Video Calling! 📞 After a recent update to WhatsApp, users can now call each other directly from the web and desktop clients. In the previous part of this article series, we implemented a chat feature resembling WhatsApp chat using Stream’s Chat SDK, we used Supabase to quickly get user authentication going and focussed
Read more ->
10 min read

WhatsApp Web Clone Part 1: User Authentication & Chat

Welcome to part one of our WhatsApp web clone project. In this section, we’ll set up our project and required tooling, and add a way to authenticate users with Supabase. Then, we’ll add messaging functionality with Stream. In part two of this series, we’ll add video calling, and in part three, we’ll deploy our new
Read more ->
5 min read