Welcome to the Discord Clone built with Next.js! This project aims to replicate the functionality and design of the popular communication platform Discord using Next.js framework.

1. Real-time Chatting: Enjoy seamless real-time messaging with friends and communities. Send text messages instantly and engage in conversations effortlessly.

2. Voice and Video Calls: Connect with friends through high-quality voice and video calls. Experience crystal-clear audio and video communication, whether you're chatting one-on-one or in a group.

3. Server and Channel Management: Create and manage servers and channels to organize your communities and conversations efficiently. Customize permissions and roles to maintain control over your server environment.

4. Direct messages: Conversate with any members of the server directly. You can give video call or an audio call directly.

5. Rich Media Support: Share images, videos, GIFs, and other media files within your conversations. Express yourself with a wide range of multimedia options.

6. Emojis and Reactions: Spruce up your conversations with emojis and reactions. React to messages to express your feelings or simply add some fun to the chat.

• Frontend:

  • Next.js 13.5.4
  • React.js 18
  • Tailwind CSS
  • ClerkJS (For Authentication)
  • LiveKit (For realtime video calling)
  • UploadThing (For photo upload)
  • Emoji-mart (Using Emojis)
  • Zustand (For State management)
  • Zod (For form handling)
  • Radix UI
  • Lucide react
  • Axios
  • React Query
  • Typescript

• Backend :

  • Node.js
  • Socket IO
  • Supabase (Postresql Database)

Thank you for your interest in DiscordClone and your willingness to contribute!

To contribute code to Discor-Clone, you must fork the Discord-Clone repo.

1. Clone your GitHub forked repo:

   git clone https://github.com/<github_username>/Discord-Clone

2. Go to the Discord-Clone directory:

   cd discord-clone

1. Install the dependencies in the root of the repo.

   npm install # install dependencies

2. Copy the example .env.local.example to .env.local

   .env.local.example

1. Create a .env.local in your root directory
2. Visit to Supabase website to create a project,then get its base url and base anon key.
3. Visit to UploadThing website to create a new app and get its appid and secret key
4. Visit to ClerkJS website to create a new app and get its public key and secret key
5. Visit to LiveKit website to create a new app and get its public key,url and secret key
6. Paste the credentials in the respective positions.
7. Keep the rest as it is.

To start a development server

npm run dev # start all the applications

Visit http://localhost:3000/

For deployment use services like Railway , Digital Ocean, AWS, Google Cloud, Azure, etc.

• auth -> For authentication using ClerkJs.
• invite -> For inviting to existing servers.
• main -> contains routes for server, channel and conversations pages.
  • /servers/serverId -> server route
    • /channels/channelId -> channel specific route
  • /conversations/memberId -> member of server private conversation.
• setup -> To create an initial server create modal.
• api -> For api handling