Fullstack Discord Website Clone Made Using Next JS, Tailwind CSS, Typescript, MySQL, Prisma, Shadcn-ui, Clerk, Uploading, Socket IO and Much More.

!!! --- As WebSocket does not work on Vercel It Will Work in the Polling Method --- !!!

Main Project Credit Goes To Code With Antonio. Great Project Video & Explanation.

Cloning the repository

git clone https://github.com/psykat1116/Discord.git

Important: Change The File Name To Lowercase & Start The File

Install Package

cd <your given file name>
npm i

Setup .env File

DATABASE_URL=

//Upload Images Into Uploadthing
UPLOADTHING_SECRET=
UPLOADTHING_APP_ID=

// For Initialization Of Clerk Authentication
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=

// For Live Video Streaming
LIVEKIT_API_KEY=
LIVEKIT_API_SECRET=
NEXT_PUBLIC_LIVEKIT_URL=

Setup Prisma ORM

Planetscale Remove Its free tire so I shift the database into MongoDB

npx prisma generate
npx prisma db push

Start the app

npm run dev