Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/taranvd/discord
https://github.com/taranvd/discord
nextjs13 postgresql prisma react socket-io tailwind typescript
Last synced: 20 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/taranvd/discord
- Owner: taranvd
- Created: 2024-02-28T15:57:32.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2024-03-05T17:55:20.000Z (11 months ago)
- Last Synced: 2024-11-23T07:15:24.032Z (3 months ago)
- Topics: nextjs13, postgresql, prisma, react, socket-io, tailwind, typescript
- Language: TypeScript
- Homepage:
- Size: 1.07 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Fullstack Discord Clone: Next.js 13, React, Socket.io, Prisma, Tailwind, PostgresSQL
Features:
- Real-time messaging using Socket.io
- Send attachments as messages using UploadThing
- Delete & Edit messages in real time for all users
- Create Text, Audio and Video call Channels
- 1:1 conversation between members
- 1:1 video calls between members
- Member management (Kick, Role change Guest / Moderator)
- Unique invite link generation & full working invite system
- Infinite loading for messages in batches of 10 (tanstack/query)
- Server creation and customization
- Beautiful UI using TailwindCSS and ShadcnUI
- Full responsivity and mobile UI
- Light / Dark mode
- Websocket fallback: Polling with alerts
- ORM using Prisma
- MySQL database using Planetscale
- Authentication with Clerk
### Prerequisites
**Node version 18.x.x**
### Cloning the repository
```shell
git clone https://github.com/taranvd/discord.git
```
### Install packages
```shell
npm i
```
### Setup .env file
```js
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
```shell
npx prisma generate
npx prisma db push
```
### Start the app
```shell
npm run dev
```
## Available commands
Running commands with npm `npm run [command]`
| command | description |
| :------ | :--------------------------------------- |
| `dev` | Starts a development instance of the app |