KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#typescript #ai-agents #cli #claude-code #codex #developer-tools #ai #dsh-plugin #ai-agent #mcp #deepseek-harness #windows

discord-clone

★ 47 Open GitHub ↗

Discord Clone | A Full-Featured Real Time (Video , Audio , Chat) Application Powered by Next.js, Socket io , LiveKit

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h1 align="center" >Discord Clone</h1>

![cntr](https://img.shields.io/github/contributors/issam-seghir/discord-clone?color=pink&style=for-the-badge)
![pullreQ](https://img.shields.io/github/issues-pr/issam-seghir/discord-clone?color=orange&style=for-the-badge)
![comt](https://img.shields.io/github/last-commit/issam-seghir/discord-clone?style=for-the-badge)
[![MIT License](https://img.shields.io/badge/License-MIT-green.svg?style=for-the-badge)](https://choosealicense.com/licenses/mit/)

![frk](https://img.shields.io/github/forks/issam-seghir/discord-clone?style=flat-square)
![str](https://img.shields.io/github/stars/issam-seghir/discord-clone?style=flat-square)
![deploy](https://img.shields.io/website?down_color=red&down_message=down&style=flat-square&up_color=succes&up_message=up&url=https%3A%2F%2Fdiscord-clone.vercel.app)

**Discord Clone | A Full-Featured Real Time (Video , Audio , Chat) Application Powered by Next.js, Socket io , LiveKit**
  This project offers a robust and scalable solution for real-time communication,
  emulating the core functionalities of Discord with a modern tech stack.
    <br />
    <br />
    
   <a href="https://discord-clone.koyeb.app">View Demo</a>
    .
    <a href="https://github.com/issam-seghir/discord-clone/issues">Report Bug</a>
    .
    <a href="https://github.com/issam-seghir/discord-clone/pulls">Request Feature</a>
  </p>

</div>

<br>

![alt text](https://raw.githubusercontent.com/issam-seghir/discord-clone/main/mockup-desktop.png)
![alt text](https://raw.githubusercontent.com/issam-seghir/discord-clone/main/mockup-mobile.png)

### Built With

- ![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white)
- ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)
- ![Tailwind](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)
- ![Shadcn](https://img.shields.io/badge/shadcn%2Fui-000000?style=for-the-badge&logo=shadcnui&logoColor=white)
- ![React Hook Form](https://img.shields.io/badge/React%20Hook%20Form-%23EC5990.svg?style=for-the-badge&logo=reacthookform&logoColor=white)
- ![Zustand](https://img.shields.io/badge/zustand-FFA351.svg?style=for-the-badge&logo=zustand&logoColor=white)
- ![Zod](https://img.shields.io/badge/zod-%233068b7.svg?style=for-the-badge&logo=zod&logoColor=white)
- ![uploadthing](https://img.shields.io/badge/uploadthing-B91C1C?style=for-the-badge&logo=upload%20thing)
- ![React Query](https://img.shields.io/badge/-React%20Query-FF4154?style=for-the-badge&logo=react%20query&logoColor=white)
- ![Socket.io](https://img.shields.io/badge/Socket.io-black?style=for-the-badge&logo=socket.io&badgeColor=010101)
- ![livekit](https://img.shields.io/badge/livekit-black?style=for-the-badge&logo=livekit)
- ![Prisma](https://img.shields.io/badge/Prisma-011627?style=for-the-badge&logo=prisma&logoColor=white)
- ![Clerk](https://img.shields.io/badge/Clerk-765eff.svg?style=for-the-badge&logo=clerk&logoColor=white)

## Features

- 🔒 **Authentication + Google Auth** With **Clerk**
- 🎉 **Server** **creation** and customization
- 📱 **Real-time** messaging using **Socket.io**
- 📳**Websocket** **fallback**: **Polling** with alerts
- 🚀 **Create** **Text**, **Audio** and **Video** call **Channels**
- 📨 **Conversation** between members
- 🎬 **Video** **Calls** between members
- 🔊 **Audio** **Calls** between members
---
- 🎁 **Send** **attachments** as messages using **UploadThing**
- 🧨 **Delete** & **Edit** messages in **real time** for all users
- 🔰 **Member management** (**Kick**, Role change **Guest** / **Moderator**)
- 🔗 **Unique** **invite** **link** **generation** & full working invite system
- ⛓ **Infinite** **loading** for **messages** in batches of 10 (**@tanstack/query**)
- 🔍 **Search** **Command Line** Functionality
- 🎨 **Theme Toggler** (Light /Dark mode)
- 🚀 **Optimized SEO and Performance**: The project is optimized for SEO and performance using the latest Next.js features and best practices for **meta** tags and **Next/Image** && **site maps**.
- 🎊 **Responsive Design**

## Getting Started

First, run the development server:

1. Clone or Fork the repo

```sh
   git clone https://github.com/issam-seghir/discord-clone.git
   cd ./your_project
   ```

2. Install Dependencies

```sh
   npm install
   ```

3. rename `.env.example` file to `.env`

4. Start the server

```sh
    npm run dev
    ```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

## Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request

## License

Distributed under the MIT License. See `LICENSE.txt` for more information.

## State
[![Stargazers over time](https://starchart.cc/issam-seghir/discord-clone.svg?variant=adaptive)](https://starchart.cc/issam-seghir/discord-clone)

## Support Me

discord-clone

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README