Skip to content

Discord Clone Website Made Using NextJS 14, Tailwind CSS, Typescript, PlanetScale, Prisma, Shadcn UI, Uploadthing, Clerk JS and Much More.

Notifications You must be signed in to change notification settings

psykat1116/Discord

Repository files navigation

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