GetStream/discord-clone-nextjs

Building a discord clone using NextJS, TailwindCSS, and the Stream Chat and Audio and Video SDKs.

Discord Clone using NextJS, TailwindCSS, and Stream

This repository accompanies the series of blog posts published on the Stream Blog about creating a Discord clone using NextJS, TailwindCSS, and the Stream Chat and Video SDKs.

The series will have five posts at the end (we'll have the links updated once they are published):

• Part 1: Setup Project
• Part 2: General Layout and Server List
• Part 3: Channel List UI (coming soon)
• Part 4: Message List UI
• Part 5: Adding video and audio calling

---

Running the project

Prerequisites

First, a machine running Node.js and the option to clone the repository. The rest of the setup is explained in Part 1.

Second, an account with Stream. We have a free tier, and we can create an account for free using this link.

Running locally

The first thing to do is install dependencies:

npm install
# or
yarn

Then we can run the project on our machine in development mode:

npm run dev
# or
yarn dev

Use the Stream SDKs yourself

You can get started with the Stream SDKs today for free.

Find our React documentation here:

• Chat SDK
• Video and Audio SDK