Build Scaleable Realtime Chat App with NextJS and NodeJS Tutorial

Hey Everyone, In this video, we will build a scaleable socket real-time application using Redis on Aiven cloud. We'll see how to use Redis PubSub architecture to scale our web sockets.

Quick Links

Timeline
00:00 Introduction
00:50 Scalable Architecture
05:00 Turo Repo Project Setup
07:35 Setting up NodeJS Socket Server
20:00 Building Full Stack Chat Application
42:24 Connecting with Redis Pub-Sub
47:00 Subscribing to Redis Events
52:15 Testing our Scalebale Chat Application

Video Titles
- How to Build Realtime Chat Application
- Real-Time Chat App with Nodejs
- How to Scale WebSockets using Redis
- Redis PUB/SUB Architecture

Hashtags
#redis #nodejs #nextjs #nextjs14 #fullstackwebdevelopment #chatapp #socketio #websocket #webdevelopment #opensource #javascript #reactjs

[shivamkumarraut]

Hey Piyush you are making amazing videos the 55 mins was full packed of knowledge no bakwas nothing pure tech Keep it up bro, bring on

[The-Giggle_Factory-uc]

00:01 Creating scalable real-time chat app using web sockets
02:31 Scalability issue with sockets in realtime chat apps
06:37 Setting up server and web app with NextJS
08:37 Setting up TypeScript for the server in the workspace
14:07 Setting up socket service and attaching to server
16:41 Handling real-time chat app connections and message delivery
20:35 Creating a socket context for React front end using React's Context API
22:30 Define and implement a function for sending messages
26:23 Setting up backend address and socket connection
28:22 Configuring allowed headers and origins
32:16 Customizing UI with CSS
34:22 Implementing real time chat functionality using sockets in NextJS and NodeJS
38:15 Setting up Redis service and integrating it with NextJS application
40:25 Setting up Redis and Redis Insights for monitoring
44:08 Publishing messages on Redis and architecture overview
45:52 Implementing real-time chat subscriptions using Redis Insights
50:03 Sending and receiving real-time messages
52:13 Realtime chat app is scalable using Redux and hosted on a1 cloud.
Crafted by Merlin AI.

[shashankpandey]

Aap ko hitesh sir ne introduce kiye mujhe, aur ab aap mere favorite list pe no. 3 pe ho. Bohot badiya kaam kartey ho maksood bhai.
Instead of desperately relying on clones and styling, you focus on functionalities and trying different corners of techs. Great.

[ayushdwivedi]

Now, this is something super incredible! Loved it sir, Thanks a lot 🌟

[aayushvinay]

Thankyou for this amazing content. I've learned a lot of new things!! Entire 55 mins packed with plethora of useful and meaningful information. ❤

[SLTYT]

I found another amazing tech channel.
Please make video on design patterns.

[codewithsanjay]

Very useful video. You covered everything from frontend like next.js, to backend like node, express and redis.

[siddhantota]

Your content is literally of premium quality. ❤️

[haritpatel]

The most useful and insightful video on this topic, thanks for the detailed explanation Piyush.

[ManadayMavani]

Amazing and to the point tut mate! Just finished implementing along with your video and it was a fun coding exercise. Thanks much!! 😇

[AKASHROY-if]

Hi Piyush you are very talented and underrated hopefully channel will grow best wishes

[SalmanKhan-mncn]

great way of explaining difficult problems

[sulmanahmad]

Great, you always make unique content videos 👍

[WarriorWraith]

Nice Video man, loved it! I will learn these things one day

[akash-kumar]

Thanks man. Now I full understand the concept 😊.
Love you ❤❤❤

[MuhammadSulaiman]

your effort is good for both beginner and intermediate developers. I really appreciate your efforts. ❣ +subscribed

[sumitsahu]

Congratulations for reaching 100k subscribers Piyush 🎉

[mohiwalla]

Thanks for breaking my superiority complex so badly.. you won sir.

[hiteshpakhan]

i am learnings really new things here thanks to you yesterday it was the video about kafka and today this thanks for this

[dev-rp-]

One Question for all
Why do we need the node server with a socket connection, we can directly use the Redis Pub Sub method right on the client itself.