Discord Clone

Built with Next.js, Tailwind CSS, and PostgreSQL and Socket.io.

Click here to see the live demo.

To Run this project on local first, install dependencies:

npm i

Setup Environment Variables:

Add api keys and other sensitive information to a .env file in the root directory of the project. The following variables are required:

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=

(see example.env for an example)

Setup Prisma

Add Postgres Database I have used Supabase to create a Postgres Database

npx prisma generate
npx prisma db push

Start the app

then run the development server:

npm run dev

Open http://localhost:3000 with your browser to see the result.

Credits

Big thanks to AntonioErdeljac for the tutorial!

note: I chose not to install some packages that I thought were not needed for the project. e.g query-string.