How to deploy MERN applications 🚨 (Heroku and Atlas)

In todays video i will show you step by step how to deploy your MERN applications to production on the internet using Heroku and MongoDB Atlas. I will be showing you exactly what to do and why we do it.

Hope you find this video helpful and if you did please don't forget to LIKE, COMMENT and SUBSCRIBE it will really help my out a lot!

GitHub project Link:
===================

Heroku CLI:
==========

MongoDB Atlas
==============

My personal website
=================

Timestamps
===========
00:00 Intro & demo
01:17 Git cloning project
02:49 MongoDB Atlas Cluster setup
08:00 Importing data from JSON file
10:22 Heroku Setup
11:50 Creating Heroku app
13:38 Adding Config Vars
15:43 Serving React file *IMPORTANT*
23:28 Adding Procfile and Script
30:24 Final project live test

[praveennair]

After 5 sleepless days of different trial, now my First MERN site gone live in heroku. Your video is perfectly working for me. Thanks a lot for uploading this video....

[CB-dpsq]

Yes, definitely leave errors (and of course fix them up haha). Running into blockers and errors is part of the process and it's always helpful to see how others debug and find solutions.

I went through the documentation and tried myself before watching this video. I was close but not quite, so it was really helpful to get a walkthrough on exactly how to do this as well as the explanations and examples. Thanks very much!

[giibbu]

Great tutorial! One issue I ran into: if your server also serves as a backend handling requests from the react app, it is import that the handler in line 18 of the server.js file be app.get('/', ... as opposed to app.get('*' ... This way it will still be able to send appropriate responses to specified endpoints.

[shakil-the-coding-monster]

Awesome tutorial. I spend a lot of time to deploy but failed to figure out where is the problem. But your tutorial fullfilled my reqirement. It forced me to thumbs up. Want more turtoril. Thank you so much.

[_devParty]

Thanks so much for this beautiful work.

[raphsan]

No video could have done a better job than this video, thank you, and more of these videos.

[markeem]

Super cooool!!! I've created ur MERN + Redux project and pushed it now to Heroku. I'm so happy :) . Unfortunately, I must delete the backend folder instance, hope I can find a solution for that.
You do an excellent job. Thank you!!!

[chaos]

Great tutorial, I really liked the fact that you went into the "why" along with the "how". Subscribed!

[andrewbrower]

Phenomenal tutorial. Thank you for providing such a clear, easy-to-follow process that actually provides learning and not just a how-to for a single situation. Will definitely be following your future videos

[himanshupatil]

You made this so easy to understand for beginners...i love the way you explain things and i liked the concept of showing the process of solving the errors also it helps.thank you so much

[lucianochiarelli]

Your explanations were really accurate yet easy to follow, definitly leave the errors, its helpful to see them being debugged. I would tipically deploy the backend to heroku and the frontend to netlify, so your aproach was really interesting to me, good work!

[KnowledgeRoad]

Very nice explanation, Thank you so much you did really great help..

[mahendranath]

Thank you so much I like your videos, as a full-stack I like your video I'm using it as a future reference

[salik]

Apparently this method does not work well when there are dev dependancies in your project. The only way to make it work would be shifting all you devDependancies to dependancies. Please show us a method to deploy if there are devDependancies in your project. Thank you !

[jashan]

allow for everyone option is not showing up

[jobtadele]

this is really a great video but am in a very headache situation, the problem is when i tried to check if my react app run in a production build, the errors pop out saying "TypeError: path must be absolute or specify root to res.sendFile" pls help me out guys??

[omkarkulkarni]

Solid video! is a tutorial on SQL with prisma/typeOrm on the cards ?

[bishnudas]

hello sir, sometimes the client and server are created on diffrent folders, in that case how to deploy it?

[mazorsharp]

I did your MERN e-commerce tutorial and I'm currently uploading it to heroku following this tutorial. I just deployed the app but I'm receiving a 503 error. Any suggestions on what I need to fix it? cheers

[libertydaniel]

Anyone know why my build folder is displaying a blank page in browser when I server it on an express server