Skip to content

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

Notifications You must be signed in to change notification settings

richie997/discord-clone-nextjs

 
 

Repository files navigation

Discord-Clone-Part1-2400x1350px

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 (coming soon)
  • Part 3: Channel List UI
  • 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:

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 90.6%
  • CSS 8.1%
  • JavaScript 1.3%