Build and Deploy a MERN Stack Application | Complete MERN Stack Tutorial

⚛️ Learn Full Stack Development on codedamn: cdm.sh/fullstack
Full MERN Stack Tutorial Part 1: • MERN Stack Full Tutori...
Start with free 100$ credit: cdm.sh/digitalocean
Timestamps
0:00 Video Starts
0:47 Setup Digital Ocean
5:30 Setup our Project
8:38 Build our Project
11:49 Install Managed MongoDB
13:50 Setup PM2 Instance
14:48 Adding NGINX
22:33 Custom domain
24:00 Adding HTTPS support
26:41 Conclusion
28:06 Outro
👉 Free HTML5 + CSS3 Course: cdm.sh/htmlcsscourse
👉 Free JavaScript Course: cdm.sh/jsbasicscourse
👉 Free ReactJS Course: cdm.sh/react
👉 Free NextS Course: cdm.sh/nextjsbasicscourse
💰 Refer codedamn to friends and earn $$: cdm.sh/refer
👉 Checkout codedamn on social:
Instagram: cdm.sh/ig
Twitter: cdm.sh/twt
Facebook: cdm.sh/fb
GitHub: cdm.sh/github
If you found the video valuable, please leave a like and subscribe ❤️ It helps the channel grow and helps me pumping out more such content.
👋 About Me:
Hey! I'm Mehul Mohan, a CSE'21 graduate from BITS Pilani, Goa. I started coding early in life, at the age of 13 when I created my first blog on Blogger. I am listed in Google, Microsoft, Sony, eSet, etc. Hall of Fame for reporting vulnerabilities in their systems.
🍎 I am Apple's WWDC'19 Scholar - visited San Francisco and attended WWDC.
📙 I am an author of 2 books, on JavaScript and React - cdm.sh/mehulbooks
🚀 Currently working on my own startup - codedamn.
Connect with me:
📸 Instagram: cdm.sh/mehulig
📱 Twitter: cdm.sh/mehultwitter
📝 LinkedIn: cdm.sh/mehullinkedin
📂 GitHub: cdm.sh/mehulgithub
🌎 Personal website: cdm.sh/mehulblog
💻 Start learning to code for free: cdm.sh/codedamn
🧑‍🤝‍🧑 Discord community: cdm.sh/discord
👉 HTML5 + CSS3 Tutorials: cdm.sh/htmlcssytplaylist
👉 Complete JavaScript Tutorial: cdm.sh/jstutorial
👉 Complete React Crash Course: cdm.sh/reacttutorial
👉 Next JS Tutorials: cdm.sh/nextjsytplaylist
🏷 Video Tags:
Build and Deploy a MERN Stack Application
Complete MERN Stack Tutorial
Build a MERN Stack Application
Full MERN Stack Tutorial
Learn the MERN Stack
MERN Stack Course
👉 Check out my other personal KZbin channel (it is in Hindi/English mix) where I share coding tips, tricks, and hacks: cdm.sh/mehulyt

[@codedamn]

⚛ Learn Full Stack Development on codedamn: cdm.sh/fullstack Part 1 of full MERN Stack Tutorial: kzbin.info/www/bejne/e5vKaJipaMeUaM0

[@_its_omg]

I always face problem with this, never got to learn this in any of my interns thanks man

[@light24ful]

I never comment but this is the best tutorial on how to deploy your MERN stack app to cloud. The only negative I have is when you skip/edited the mistake you made by forgetting to remove local host from your routes. I was so confused for hours on what went wrong. The answer is remove the local host and have them pointing to your new ip . Once done you need to rebuild the react front end that conatins those routes. You would basically repeat what he does in the beginning part of the video . After you run the yarn build you need to delete the static folder in the server folder in order to move the newly created react build folder there. Once done you shouldnt get any connection errors when connecting to your API. Hope that helps someone. Still great vidoe and will definetly sub!

[@nwtfrutalkinabout]

LOOOOOL thanks for this. At very same problem right now.

[@nwtfrutalkinabout]

IT WORKS IT WORKS THANKS FOR THIS APPRECIATE.

[@nwtfrutalkinabout]

Ok it worked like once and now entire IP refuses to make a connection. Reinstalled in old way without the modifying routes, same problem. Pretty sure this problem isn't my end.

[@s.hariharanreddy5439]

Brother , I'm deploying the mern stack project locally i.e I'm not using digital ocean. Will that problem occur for someone who is doing deployment locally or is it just happening because of digital ocean?

[@s.hariharanreddy5439]

Brother can you please reply and tell what you did!!!

[@Shou06]

Thanks MM Few days back i commented for this video and now u released it ❤️

[@talhaboyraz]

I watched this video till the end. Thank you, it was great

[@shreyasbole9261]

Much needed for my next project ❤️🔥

[@wantedsantheep]

Basic way of deploying ❣️. Acctually reminds my older days. But It would be cool if you deployed with docker and docker compose.

[@roopeshlaxman3314]

Thanks for sharing your knowledge. your contents are really awesome

[@rohith8269]

Great great great content Mehul♥️

[@Suero]

Very good video, keep the good work up.

[@user-py8uj1wc9f]

Man, ur my God fro now))) Thank you so much, bro!)))

[@md.shahadathossain9828]

Great vid👊 Till the end

[@shahriarsakil2152]

Great video. When is the 3rd part coming out?

[@kumarvallem6360]

Great way of explaination

[@jaiho5428]

Excellent Tutorial bro.. Can you please provide part 3 tutorial link.

[@mpire6712]

Great video 👍

[@bakhtiarrasheed9952]

Thank you for uploading this video. It greatly helped in deploying my first mern stack project. :)

[@Hafsa0526]

Hey Bakhtiar. Good to see you utilizing the platform for learning and building projects. Are you open to job/internship opportunities in web development?

[@bakhtiarrasheed9952]

@@Hafsa0526 Indeed, I am interested in web development job opportunities where I can learn more about the best practices in the industry and effectively level up my skills.

[@Hafsa0526]

@@bakhtiarrasheed9952 Hey Bakhtiar. Good to know about your interests.For further discussions on the job opportunities, you can connect with me using the contact info in the 'About' section of my channel.

[@hopperdevil5657]

first video was awesome

[@vinothbhc]

Great video.

[@keerthanachar]

later if we want to add any pages or any modification, how we can edit it in GUI

[@saeedahmad5937]

Really Helpful, Thanks a lot

[@Hafsa0526]

Hey Saeed. Are you open to internship/job opportunities in software development? Have you created projects on ReactJs?

[@dannyprudhomme]

I'm not sure what you did at 21:11 I'm getting the same error and I don't know how to fix it.

[@jahiddev]

You could use NVM instead of installing npm first.

[@milon27]

hi i have a .app domain its required SSL when i sm trying to install ssl using certbot it giving me DNS error. any solution?

[@vishal_sharma_rha]

Just awesome

[@HaifengZhu-pn3uq]

Hi, is MERN good for quick development?

[@brighteyo2603]

When I try making request to my backend I get a CORS error, please how do I go about that?

[@dev_escape]

thanks!!!

[@bigblast1226]

Thank you

[@abukhalidrifat3994]

Can i deploy a node js and next js app in the same process?

[@ayushchugh1797]

which theme are you using in vscode

[@pseudoartist]

Sir what about my application in college leader in program at your program?

[@glogicltd1918]

Awesome

[@debadipti]

Everybody: KZbin tutorials are for beginners Mehul: HoLd mY bEeR 🍻

[@idreesahmed7403]

Please give link for Part 3 for CI/CD

[@MorgothGaming]

I’m getting Mixed Error , my request is blocked cannot forward from https to http

[@YOUdudex]

watched it till the end

[@renujadecosta6408]

Thanks a lot Méhul..this is very much valuable

[@AdityaRaj-ew7qv]

could you please share your vscode extensions ?

[@DEV_XO]

Nice video! but why would we choose a MERN app instead of a NEXTJS app? better SEO, CDN pages etc...

[@dhwajsharma]

What's your vscode theme?

[@milon27]

if i want to scale it so what i need to do? take more powerful machine from digital ocean or anything else?

[@anandhukraju8044]

would like to know about this ^ and ci/cd pipelines. PT 2 PLEASE!!!

[@dhruvilmehta3455]

Make a video on how to deploy Django application.

[@prabhupadswain7638]

Hey, bro. Nice vdo. And nyc explanation. You showed the way to figure out how to to serve files on DO platform. But, I am new to learning this DO platform and proxy and reverse proxy. In, the video at one point you told that the port is hard coded somewhere in the backed which you changed off camera. Please, can you guide me where we need to change the port number which was hard coded. ? Thanks You for a helpful content.

[@Hafsa0526]

Hey Prabhupad. Have you built projects on Javacsript frameworks? Would you be interested in exploring job opportunities in software development?

[@brighteyo2603]

when I try running npm run build in my server I get the message ran out of memory or someone ran kill-9 on the process, can I build locally, move to the server folder then push to git and then clone it to my server?

[@cse090priyanshmishra6]

your frontend application is too big for the plan you chose, resize your droplet to bigger set like a 12$ or a 24$ plan what ever suite you need, that will allow you to build your frontend in your server itself or you can just build it in your local machine and push the build directory, just make sure to remove 'build' from your .gitignore file.

[@nischal-dahal]

You said part 3 naa where is it ???

[@aid.shorts]

Please give us a manage VPS Hosting

[@prabhakarmishra2182]

You did such a good work but it is of little use as you did not provide any bird-eye view of what you will be/and are doing, it would have been much better had you provided a bird-eye view of the whole thing in a tabulated form so that we could have known in advance the total things to be done when and how; it would have served the purpose of a map, I am struggling with it, another thing is you did this video in a very fast pace, you need to slow down dear

[@rahuldotel5983]

Wow wow

[@AliHassan-qd7lm]

Hey @codedamn, can you please tell me how I can show the maintenance page when the server is down or busy?

[@Hafsa0526]

Hey Ali. Do you usually learn from such tutorials? Have you created projects in React/Node Js? Would you be interested in exploring opportunities in software development?

[@AliHassan-qd7lm]

Yes! I'm exploring such kind of opportunities in development.

[@Hafsa0526]

@@AliHassan-qd7lm Thanks for responding Ali. For further discussions on the job opportunities in software development , you can connect with me using the contact information in the 'About' section of my channel.

[@AliHassan-qd7lm]

On LinkedIn?

[@10bhavankumarv47]

bro please replace reactjs with nextjs and post a video

[@RahulSomasundaramssrahul96]

try caddy?

[@venkatesh2788]

Please make how to deploy mern container in digitalocean

[@Hafsa0526]

Hey Venkatesh. I hope your doubt has been resolved. Are you a fresher and looking for job opportunities in web development?

[@venkatesh2788]

@@Hafsa0526 yes

[@Hafsa0526]

@@venkatesh2788 Hey Venkatesh .Thanks for responding. To know more about the job opportunities you can connect with me using the contact information in the 'About' section of my channel.

[@UBHadidas]

W

[@sahilsolkar8110]

Pehla view

[@khizrshaikh9902]

First I want heart

[@vishal_sharma_rha]

😂😂😂

[@hiteshsuthar1097]

Linux server crash course..

[@dhiadjobbi6526]

Dislike for including "digital ocean shit" on a "mern stack video" Thanks.

[@codedamn]

next time i'll remember to create a full cloud platform worth billions of dollars for mern stack deployment tutorial. thanks

[@soultouchingsongs]

@@codedamn 👍

[@henriqueb5637]

I don't get it. What's wrong?

[@cse090priyanshmishra6]

what? did you plan to just build and keep your website to your self, or did you forget it needs to be deployed.

[@DuyTran-ss4lu]

Awesome