Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/psykat1116/discord
Discord Clone Website Made Using NextJS 14, Tailwind CSS, Typescript, PlanetScale, Prisma, Shadcn UI, Uploadthing, Clerk JS and Much More.
https://github.com/psykat1116/discord
axios clerkauth clerkjs date-fns lucide-react mongodb-atlas next-themes nextjs14 planetscale prisma query-string react-hook-form shadcn-ui tailwind-merge tailwindcss typescript uploadthing uuid zod zustand
Last synced: 8 days ago
JSON representation
Discord Clone Website Made Using NextJS 14, Tailwind CSS, Typescript, PlanetScale, Prisma, Shadcn UI, Uploadthing, Clerk JS and Much More.
- Host: GitHub
- URL: https://github.com/psykat1116/discord
- Owner: psykat1116
- Created: 2024-01-17T10:04:26.000Z (10 months ago)
- Default Branch: master
- Last Pushed: 2024-06-17T06:10:11.000Z (5 months ago)
- Last Synced: 2024-06-17T07:29:53.544Z (5 months ago)
- Topics: axios, clerkauth, clerkjs, date-fns, lucide-react, mongodb-atlas, next-themes, nextjs14, planetscale, prisma, query-string, react-hook-form, shadcn-ui, tailwind-merge, tailwindcss, typescript, uploadthing, uuid, zod, zustand
- Language: TypeScript
- Homepage: https://discord-six-tau.vercel.app/
- Size: 1.3 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
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
```bash
git clone https://github.com/psykat1116/Discord.git
```
### Important: Change The File Name To Lowercase & Start The File
## Install Package
```bash
cd
npm i
```
## Setup .env File
```bash
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](https://planetscale.com/) Remove Its free tire so I shift the database into [MongoDB](https://www.mongodb.com/)
```bash
npx prisma generate
npx prisma db push
```
## Start the app
```bash
npm run dev
```