Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/khareyash05/slack-iinng
An extension to Slack + Discord
https://github.com/khareyash05/slack-iinng
app-router-nextjs clerk nextjs14 shadcn-ui supabase typescript
Last synced: 27 days ago
JSON representation
An extension to Slack + Discord
- Host: GitHub
- URL: https://github.com/khareyash05/slack-iinng
- Owner: khareyash05
- Created: 2024-01-11T05:34:30.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-02-04T11:09:48.000Z (9 months ago)
- Last Synced: 2024-04-17T18:15:51.101Z (7 months ago)
- Topics: app-router-nextjs, clerk, nextjs14, shadcn-ui, supabase, typescript
- Language: TypeScript
- Homepage: https://discord-nozp.onrender.com
- Size: 346 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
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/AntonioErdeljac/next13-discord-clone.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
Add PostgreSQL Database (I used Supabase)
```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 |