logo

The JP Blog

Github IconGithub

Jimmy's Blog

Welcome to The Amazing Journey of Jimmy's Developer Life

New Product Features | Debugging Lifes | Weekly Story Time

Jimmy Pranata

Messenger Clone App

December 27, 2022

Jimmy Pranata

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

Blog Post Image

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

Message Interface

Blog Post Image

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.