Discord Clone

A fullstack Discord clone built with Next.js, React, Tailwind, Socket.IO, Prisma, and MySQL.

Features

• 🔐 Authentication using Clerk
• 📊 MySQL database with PlanetScale and Prisma ORM
• ✉️ Real-time messaging using Socket.IO with polling as a fallback
• 🔉 Audio and video calls with LiveKit
• 🔃 Infinite scroll for loading messages using @tanstack/react-query
• 🚀 Deployed using Railway
• ⚙️ Create and customize servers and channels
• 📝 Edit and delete messages
• 👨‍👩‍👧‍👦 Invite and manage members
• ✨ Responsive UI and light/dark mode built with Tailwind and shadcn/ui

Getting Started

Clone the repo

git clone https://github.com/sgbj/discord-clone.git

Install dependencies

npm install

Setup .env file

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
NEXT_PUBLIC_CLERK_SIGN_IN_URL=
NEXT_PUBLIC_CLERK_SIGN_UP_URL=
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=

DATABASE_URL=

UPLOADTHING_SECRET=
UPLOADTHING_APP_ID=

LIVEKIT_API_KEY=
LIVEKIT_API_SECRET=
NEXT_PUBLIC_LIVEKIT_URL=

Setup Prisma

npx prisma generate
npx prisma db push

Start the app

npm run dev

Credit

Created by following along with AntonioErdeljac/next13-discord-clone.