I tried NextJS 13 and built a realtime responsive Chat Application Meta-Messenger. Users can login with their facebook a/c and use this chat application to talk with their friends/family. Learning realtime experiences was the main objective. In this,
- 20+ user in a group can chat while experiencing realtime chat updates.
- Blue colored right side aligned messanger will be visible by the currect user who is logged in, others mesagers will be red colored left aligned.
- Input validations
- Signout user and its validations
- Signin with Facekbook Account
- Full Responsive
- NextJS 13
- Typescript
- Redis
- Pusher
- useSWR
- Axios
- Next-auth
- Upstash
Execute create-next-app
with npm, Yarn, or pnpm to bootstrap the example:
npx create-next-app --example with-tailwindcss with-tailwindcss-app
yarn create next-app --example with-tailwindcss with-tailwindcss-app
pnpm create next-app --example with-tailwindcss with-tailwindcss-app
Deploy it to the cloud with Vercel (Documentation).