Next.js 13 Meta Messenger

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

Tech stack

• NextJS 13
• Typescript
• Redis
• Pusher
• useSWR
• Axios
• Next-auth
• Upstash

Application Demo Video

• https://lnkd.in/dxVE_YpF

How to use

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).