Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mkaidev/mkaidev-chat
https://github.com/mkaidev/mkaidev-chat
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/mkaidev/mkaidev-chat
- Owner: mkaidev
- Created: 2024-07-12T14:20:40.000Z (5 months ago)
- Default Branch: master
- Last Pushed: 2024-07-14T05:05:12.000Z (5 months ago)
- Last Synced: 2024-07-14T14:29:32.714Z (5 months ago)
- Language: TypeScript
- Homepage: https://mkaidev-chat.vercel.app
- Size: 607 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Mkaidev Chat APP | Build an Extremely Fast Chat App with NextJS, Redis, TailwindCSS, Kinde Auth, Upstash, Cloudinary & Pusher, etc
## Getting Started
First, run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
## Environment
Create .env.local file on root folder and input your own environments
```bash
KINDE_CLIENT_ID=
KINDE_CLIENT_SECRET=
KINDE_ISSUER_URL=
KINDE_SITE_URL=
KINDE_POST_LOGOUT_REDIRECT_URL=
KINDE_POST_LOGIN_REDIRECT_URL=
UPSTASH_REDIS_REST_URL=""
UPSTASH_REDIS_REST_TOKEN=""
NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=
NEXT_PUBLIC_CLOUDINARY_API_KEY=
CLOUDINARY_API_SECRET=
PUSHER_APP_ID=
PUSHER_APP_KEY=
PUSHER_APP_SECRET=
PUSHER_APP_CLUSTER=
NEXT_PUBLIC_PUSHER_APP_KEY=
```
---
## ⭐DO NOT FORGET TO STAR THIS REPO⭐
---
If you want to learn how to create it please follow below tutorial👇:
➡ Tutorial Link 💚: [Build an Extremely Fast Chat App with Redis and React | Full Guide 2024](https://www.youtube.com/watch?v=0Kzd4k1YuCA)
### Image#1: login page
### Image#2: chat page
