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