Redis Chat App ⚡

About This Course:

• ⚛️ Tech Stack: Next.js 14, TypeScript, Tailwind CSS, UPSTASH Redis
• 🔐 Authentication
• 💬 Real-Time Messaging
• 📱 Responsive UI
• 🌗 Light and Dark Mode
• 🔔 Notification Sounds
• ⌨️ Satisfying Typing Effects
• 📊 Learn About Redis Data Types
• 📷 Image Uploads
• 🛠️ Integration with Upstash Redis for Scalable Chat
• 💙 Awesome Landing Page
• 🌐 Deployment
• 🚀 And Many More Cool Features

Setup .env file

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=

Install dependencies

npm install

Start the app

npm run dev

I'll see you in the next one! 🚀