https://github.com/salimi-my/chatters
This a simple chat app created using Next.js 13 for educational purposes. User can login using Google Login API and send messages or chats.
https://github.com/salimi-my/chatters
nextauthjs nextjs pusher tailwindcss typescript upstash
Last synced: 6 months ago
JSON representation
This a simple chat app created using Next.js 13 for educational purposes. User can login using Google Login API and send messages or chats.
- Host: GitHub
- URL: https://github.com/salimi-my/chatters
- Owner: salimi-my
- Created: 2022-11-21T08:25:53.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-11-09T06:59:02.000Z (almost 2 years ago)
- Last Synced: 2025-02-14T19:30:04.191Z (8 months ago)
- Topics: nextauthjs, nextjs, pusher, tailwindcss, typescript, upstash
- Language: TypeScript
- Homepage: https://chatters.salimi.my
- Size: 325 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# [Chatters](https://chatters.salimi.my) · [](https://www.linkedin.com/in/mohamad-salimi/)
This a simple chat app created using Next.js 13 for educational purposes. User can login using Google Login API and send real time messages or chats.
## Simple Chat App
- This is a simple chat app
- Login using NextAuth.js
- Realtime chat using Upstash, Redis & Pusher
- NextJS 13 app directory
- Hosted in Vercel
## Tech/framework used
- Next.js
- NextAuth.js
- Tailwind CSS
- Upstash
- Pusher
- TypeScript
## Starting the project
Open the [.env.local.example](/.env.local.example) and fill in your Redis Configurations, Pusher Configurations & NextAuth Configurations then save it as .env.local the run the following command:
```bash
npm install
npm run dev
```
## Demo
The app hosted on Vercel. [Click here](https://chatters-salimi.my) to visit.
Direct link: `https://chatters.salimi.my`
## Screenshots
#### Login
#### Chats
