Messenger Clone App

December 27, 2022

Jimmy Pranata

Creating a clone for one of most famous messenger up to date

Product

Next JS 13

Fully Functional Messenger

This is one of my complete project to make, an messenger with fully functioning authentication using Next-Auth, with the help of Next JS 13, creating this project became much easier. Using Upstash.io to store message data and check user profile so it Next can differentiate between the same person, creating a fully functional conversation.

Login Page

This prevents people who hasn't login to actually see the message list

Message Interface

With the help of Upstash, its entirely possible to make database of post and helps Next to differentiate between users.

This project is really complicated because of lots of api needed to post and get messages. Taking alot of time to completely make it functional without bug, also making it SSR so it loads much faster.