Build & Deploy a Realtime App that Scales with Upstash Redis, Next.js & Fastify 

I took time creating a timestamps using ChatGPT so it might not be accurate: 0:00 Introduction and video overview 2:54 Requirements before starting the tutorial 3:24 Diagramming the architecture of the chat application 19:04 Build the Fastify server 27:42 Handling WebSocket connections 29:11 Subscribing and emitting connection count updates 41:56 Handling messages and publishing to Redis 50:08 Setting up Docker and Docker Compose 58:05 Configuring Caddy for web server and load balancing 1:04:35 Building the front-end UI 1:29:17 Deploying the UI to Vercel 1:36:25 Setting up server deployment with GitHub Actions 1:46:05 Fixing deployment issues 1:50:20 Successful building and running of the application 1:52:31 Recap and conclusion

the advanceness of this course might be under-rated.. this is the type of lecture that any junior to mid lever developer needs, i encourage everyone to watch this video and practice on their own like twice or thrice! wish all you youngins the best

Wow, this video is exactly what I need for a project idea I have. I'm already in the middle of two other projects, but I'll come back to this soon. Thanks Tom!

I have been trying to deploy sockets for over a year now with little to no luck, thank you so much for this Tom you're a hero.

🔥🔥🔥let’s go. thank you so much i can’t wait to do this later! i’m working on a react course, and it’s 40 hrs but i’m almost done 😩. after i’m diving right into this 🤝🏾

How the hell did I miss this gem. Superb quality, as always.

Wow, *TomDidTech* again! 🤯 This is exactly what I needed! And exactly with my techs! Always delivers clear, useful and relevant information. I appreciate your generosity, Mr. Tom! 🚀

Wow, this tutorial is truly a masterpiece! 🌟 Your explanation of every concept was spot-on, making it incredibly easy to follow along. I've learned so much from this, especially with the integration of Node.js, Redis, Docker, Caddy, and Next.js for a real-time chat app. 'Build & Deploy a Realtime App that Scales with Upstash Redis, Next.js & Fastify' is not just a title, it's a testament to the depth and quality of content you've provided. Thank you for sharing your knowledge and expertise with us. Looking forward to more insightful content from you!

This is nice and precise, I like the way little consideration was given to the ui and getting an actual system working.

boss, you're a blessing to this community!! GOD bless you my bro

REALLY LOVE YOUR VIDEOS

Well done once again!

youre my hero tom

neat, very neat & thorough 👌

Wow tom this is just awesome. One feedback though please increase the font size while recording. I sometimes had to struggle with that as I am doing split screen.

thank you Tom ! we are waiting for golang and htmx and tailwind please🙏🙏

This is amazing Daddy

Hi Tom, would you be interested in making a fullstack project tutorial where user manages long running task from the frontend and able to see live status of the task. An example would be: script to go to a website and take a screenshot/collect data and when complete, frontend would show if it worked or failed etc. I was hoping you can show a good scalable architecture for this type of app. I couldn't find a good example to copy. Kinda lost when it comes to multi user triggering task in isolated context and when in shared context where its status is visible to other users.

Tom u are Goat

Great

Hey Tom, thanks for the tutorial. I'm stuck after getting the docker container running and getting the healthcheck route with postman. Sometimes I get status ok on port 3001, most of the time I get 502 bad gateway. Any ideas? I presume something is preventing me from connecting to the other two server instances. Cheers!

I tried my best to get the server to work, but the message channel wouldn't send, closeWithGrace would never run, and the connected clients count would not reset. Thought it was my code, so copy/pasted the main.ts file, set module versions to match exactly what is in the github project and tried again. Same results. Gonna have to leave this one for now, not sure what is up, if anyone has a clue, let me know.

Question in term of costing. When you mean scales, how does cost affect with scale if this was a production setup ?

hey Tom, I found your video recently, great video btw I'm really glad I found it, but I'm wonder how is this horizontal scaling if you're running all containers on the same machine or droplet but using different ports? I'm a newbie and I'm so confused here. Is every container in a digital ocean droplet a separate machine on its own?

Hey Tom! I saw a video on your channel based on websockets and chat application back in 2021. Do I need to watch that as a prerequisite to this video, and if not, which video do you recommend? Thanks!

Hi @TomDoesTech , was there any specific reason you chose to use fastify over express. I've read "Fastify is particularly well-suited for building high-performance APIs where low latency is crucial". Just wanted to know how you weighed up your pros and cons when choosing to use fasify. Thanks in advance!

I'm building chat app with Solidjs and Fastify and using IO but i dont use Redis, deploying on Railway App so we will see how that will scale

Are all realtime app built by using websockets? when I go to twitter message, I don't see websockets connection in the network tab of developer tools. Are they using websockets?

How to deploy this project on AWS using ECS service

It is better to use express js typescript with class oder function?

at 39:30 I am triggering refresh through the vscode save but the chat:connection-count is not being set as 0

sir could plz create the backend in express

Could you show us how to implement this into a React-Native App? Would be awesome.

Is redis still free?

Hey Tom, rebuilding this with bun 😏

Can I do this on mac?

No one else getting the 'Property does not exist on...' Typescript error for app.on? Can't be just me...

poor keyboard 😢