🚀 #41: How to Deploy (Host) MERN Stack App on Heroku For Free in 2021

Welcome, How to Deploy a MERN Application to Heroku Using MongoDB Atlas in Hindi in 2021. I will tell you the steps to follow on How to Host #MERN Stack Application on Heroku for Free, And there are many different ways to do it, So what we are looking is one of the best way to do it ok.
#mernAppOnHeroku
🚀 Get the Source Code: thapatechnical...
🚀 Website Link for Steps : www.thapatechn...
😍 Check my Instagram to Connect with me: / vinodthapa55
✅ NodeJS Tutorial in Hindi 2020: • NodeJS Tutorial in Hin...
✅ Express JS Tutorial In Hindi in 2020: • Express JS Tutorial In...
************ Must Watch Videos For Web Development ************
➡️ ReactJS Tutorial in Hindi 2020 Playlist Link: • React JS Tutorial in H...
➡️ React JS Project Netflix App Part #1 in Hindi in 2020: • #22: Props in React Js...
➡️ Install VS Code for ReactJS LINK: www.thapatechn...
😍😍 Check Programming Videos in One Hour👇
➡️ Complete Reactjs in One video here • ReactJS For Beginners ...
➡️ HTML in One Video: • Learn HTML in One Vide...
➡️ CSS in One video: • Learn Complete CSS In ...
➡️ CSS FlexBox in 30 Minutes: • CSS FlexBox in 30 Minu...
➡️ JavaScript in One video: • JavaScript in One Vide...
➡️ ECMAScript 6 in One Video: • ES5 & ES6 | ECMAScript...
➡️ HTML5 in one video: • HTML5 Tutorial in One ...
➡️ CSS3 in one video: • Learn Complete CSS3 In...
➡️ Bootstrap4 in One video: • Bootstrap 4 in One Vid...
➡️ Jquery in One video: • jQuery in One Video in...
➡️ JSON in one video: • JSON in One Video in H...
➡️ ReactJS in one video: • ReactJS For Beginners ...
➡️ PHP in One Video: • PHP TUTORIAL IN ONE VI...
➡️ NodeJS in one video: / ipnwakoibt
➡️ MySQL in one video: • Complete SQL & MySQL i...
********** CLICK HERE TO WATCH ************
➡️ Fetch API in JavaScript: • Fetch API in JavaScrip...
➡️ AJAX tutorial for beginners in Hindi: • AJAX tutorial for begi...
➡️ Template literals (Template strings) in ES6 in JavaScript in Hindi: • ES6 Tutorial #3: Templ...
➡️ Async Await in JavaScript in Hindi: • Async Await in JavaScr...
➡️ Promises in JavaScript in Hindi: • Master The Promises in...
➡️ Callback Hell in JavaScript: • Callback Hell in JavaS...
➡️ Advanced JavaScript in Hindi Playlist: • Advanced JavaScript Tu...
➡️ ECMAScript Tutorial in Hindi 2020: • Modern JavaScript ES6 ...
➡️ ES5 & ES6 | ECMAScript 6 in One Video in Hindi: • ES5 & ES6 | ECMAScript...
➡️ JavaScript Game Development Series in 2020: • JavaScript Game Develo...
➡️ Source Code Link: www.thapatechn...
➡️ Top 5 Programming Languages in 2020: • Top 5 Programming Lang...
➡️ Ludo Game JavaScript Link: • JavaScript Game in Hin...
➡️Plz show some love to My Siter KZbin Channel and Plz Subscribe Link: / @mayabeautyvlogs878
**************** MUST WATCH VIDEOS *****************
➡️ How to become a Full Stack Developer 2020: • How to become a Full S...
➡️ How To Become a Web Developer 2020: • How To Become a Web De...
➡️ How JavaScript Works: • How JavaScript Works i...
➡️ Follow me on Instagram: / vinodthapa55
Make Website Responsive Using Media Queries in One Video in Hindi | Web Design Tutorial in Hindi
➡️ Link: • Make Website Responsiv...
Guys, Please support my channel by SUBSCRIBE to my channel and share my videos in your Social Network TimeLines.
Don't Forget to Follow me on all Social Network,
Website Link: www.thapatechn...
Instagram Link: / vinodthapa55
Facebook Link: / vinodthapa55
Twitter Link: / vb55thapa
Facebook ThapaTechnical Page Link: www.facebook.c...

[@ThapaTechnical]

Guys I launched my new Official Website created using MERN only 🚀 Get the Source Code Here: thapatechnical.shop/source-code

[@abeehazainab193]

Finally, I completed this after spending several hours on it. It took me about 4 hours, but I’m really grateful for the guidance. Thank you for being such a great teacher!

[@navedpathan2212]

Thapa Sahab, deployment k baad agr apni website k baad '/about' , '/contact' or '/login' kuchh bhi lagaye to backend server open ho rha hai, lekin humko to frontend chahiye Example-- Jaise Aapne home page ka backend router remove krke apneaap frontend homepage pe Aaya hai, waise baaki about, contact, login, signup ka kaise karege plzz batao My kindely request you to plzz complete your mern series thapa Sahab 🙏🙏🏻🙏

[@kartikeysoni5590]

add this : // step 3: Heroku if ( process.env.NODE_ENV == "production"){ app.use(express.static("client/build")); const path = require("path"); app.get("*", (req, res) => { res.sendFile(path.resolve(__dirname, 'client', 'build', 'index.html')); }) }

[@ujjwalpandey2951]

same

[@lexuscreations5805]

Sir u r awesome really very awesome | i always says JavaScript ka papa vinod bahadur thapa | salute sir | n thank you sooo much for that all

[@ThapaTechnical]

Hahaha. Thanks brother 😀

[@ujjawalsharma8363]

This is hilarious 🤣, But it is true. ❤️

[@aakashchaurasiya9595]

Can we host this project to render? I know how to create a front end with react and also use have node , express and mongodb/mongoose. But I don't have any idea how to make a mern application as well as the deployment process .In short, I want to learn how to make applications using all 4 frameworks combined.

[@mardkibaat1411]

Thapa Sahab, deployment k baad agr apni website k baad '/about' , '/contact' or '/login' kuchh bhi lagaye to backend server open ho rha hai, lekin humko to frontend chahiye Example-- Jaise Aapne home page ka backend router remove krke apneaap frontend homepage pe Aaya hai, waise baaki about, contact, login, signup ka kaise karege plzz batao My kindely request you to plzz complete your mern series thapa Sahab 🙏🙏🏻🙏

[@harshwasnik7636]

Finished the complete series. And I am pretty confident about myself. Thanks a lot

[@karansharma3038]

@Harsh Wasnik Hi bro can you share the code with me? I need the css part

[@aakashchaurasiya9595]

Can we host this project to render? I know how to create a front end with react and also use have node , express and mongodb/mongoose. But I don't have any idea how to make a mern application as well as the deployment process .In short, I want to learn how to make applications using all 4 frameworks combined.

[@anowarulhassan5117]

MERN course is awesome❤️❤️❤️ thapa ji... Hum is course pe bohot kuch sikh liye hy... Aab using *MERN e-commerce in one video* leke aiyye please....

[@aakashchaurasiya9595]

Can we host this project to render? I know how to create a front end with react and also use have node , express and mongodb/mongoose. But I don't have any idea how to make a mern application as well as the deployment process .In short, I want to learn how to make applications using all 4 frameworks It's a lot help.

[@NikhilKumar-pb1pj]

FINALLY BIG THANKS BRO, came lots of error but i fixed those error. You are the only one who teach or learn in the simple way ❤️

[@NikhilKumar-pb1pj]

@@karansharma3038 brother ye code mere pas ab nhi h 😐

[@aakashchaurasiya9595]

Can we host this project to render? I know how to create a front end with react and also use have node , express and mongodb/mongoose. But I don't have any idea how to make a mern application as well as the deployment process .In short, I want to learn how to make applications using all 4 frameworks combined. Plz, help bro.

[@baksh9595]

Wo thanks Sir soo much, aap ny mujhy itna kuch sikhaya hai.. thank you soo much. aaj aap ki wajah sy men mern stack developer hoon

[@funtazz9392]

Thapa Sahab, deployment k baad agr apni website k baad '/about' , '/contact' or '/login' kuchh bhi lagaye to backend server open ho rha hai, lekin humko to frontend chahiye Example-- Jaise Aapne home page ka backend router remove krke apneaap frontend homepage pe Aaya hai, waise baaki about, contact, login, signup ka kaise karege plzz batao My kindely request you to plzz complete your mern series thapa Sahab 🙏🙏🏻🙏

[@saneguruji2353]

Thapa Sahab, deployment k baad agr apni website k baad '/about' , '/contact' or '/login' kuchh bhi lagaye to backend server open ho rha hai, lekin humko to frontend chahiye Example-- Jaise Aapne home page ka backend router remove krke apneaap frontend homepage pe Aaya hai, waise baaki about, contact, login, signup ka kaise karege plzz batao My kindely request you to plzz complete your mern series thapa Sahab 🙏🙏🏻🙏

[@archiejain1974]

Thanks a lot, finally I am able to deploy my app successfully. Thanks again for simple and precise explanation !!

[@swapnilkotkar9353]

hey can you send the code, thank you

[@prahladsoni4796]

Hey, Can you send the source code?

[@aakashchaurasiya9595]

Can we host this project to render? I know how to create a front end with react and also use have node , express and mongodb/mongoose. But I don't have any idea how to make a mern application as well as the deployment process .In short, I want to learn how to make applications using all 4 frameworks combined.

[@kartikeysoni5590]

Happiness when you see your website running online , thank you thapa Bhai ,

[@archanme1]

Just complete JS16+, React complete and MERN. I understood basically everything but I need to practise more because that is what I am lacking as for now like to play with codes. Great help brother from Nepal.

[@tejasjhamnani7724]

Brother please make a video on how to login using OTP in MERN Stack

[@Meethu69]

Haan please Sir

[@easywebsolution7044]

Thanks a lot. Awesome tutorials. I am a Full Stack Wordpress Developer now learning MERN.

[@gouravkushwaha3001]

Please make another video using the alternative of heroku because heroku is now charging money for deployment

[@sambalpuriawaaj]

Hey Bhaiya newly mein aap ko follow kar rha hu... Aur prefer v... So be nice like it 🙂🙂

[@bharatbhatia7837]

Laal phool , pila phool... THAPA bhaiya wonderphool

[@husler7424]

Mind boggling video, thanks a dozen! Btw after deploying app to Heroku, how will my app run on my local machine? bcuz we did many changes in local. Will wait for your reply.

[@ahmedchoudary47]

Thanks Thapa you made it verry clear and easy, Kudos

[@kalyankantihalder_5598]

After deploying in Heroku everything works fine until I press the reload button. In get request, the Heroku is showing backend JSON data instead of the front end react page when I click reload...

[@JayKumar-ys4mv]

You got any answer

[@aniketbhalla1521]

saved my life in 2023. Thanks brother.

[@jaybabaofficial]

You are the best trainer sir👍

[@AliAhmadae121]

thaapa bhai im ur old subscriber ur best brother.. love from pakistan!

[@ratul1125]

Thanks you so much thapa sir your are the best

[@thinkingmad1685]

You are really awesome 😍😍😍

[@factochirpz413]

Very awesome series sir... Please make a series on MEAN development next time.

[@rohanthakur9159]

Thanks a lot sir Your videos are the best you have helped me grow as a developer from noob to intermediate level I am really grateful.

[@aakashchaurasiya9595]

Can we host this project to render? I know how to create a front end with react and also use have node , express and mongodb/mongoose. But I don't have any idea how to make a mern application as well as the deployment process .In short, I want to learn how to make applications using all 4 frameworks combined.

[@mohammaduzzaman9467]

Thank you so much for your great tutorial, I do appreciate your efforts and your kindness...💙

[@maishahossain6107]

Make a playlist on React Native using Expo please !

[@patiljay8374]

Sir website deploy krna video banao....

[@ThapaTechnical]

Ye kya tha phir, website ko host tho kiya hu

[@sahilgarg3460]

Paise kamane ke liye faltu mai 24 min ki video bana rakhi h, 6 min se upar ka kaam nhi, puri video mai awesome awesome basss

[@trixoon]

looks super awesome ... Thanks you so much thapa sir

[@aditya_01]

Thank you very much to explain in so much detail

[@umairsaleem4345]

Sir mern Basics atre complete. Now we want Mern clone series like Facebook clone, Instagram clone etc

[@shitalk4977]

Thank you sir,your videos helping lot's..

[@pramodghodke8005]

No words to thank you sir, No doubt you are very osm mentor, just two request i am putting behalf of our thapa technical family, please please please, focus on this, 1. Please bring video on "how to host mern projects on Cpanel or Hostinger, bcoz after so much hardwork nobody wants to host their websites on netlify or heroku, and heroku is no more free as well. 2. We all know how e-commerce mern is booming and lot to learn in it, like carts, order placing, complex routing, razorpay integration, dynamic admin panel for products add, so sir please bring ecommerce in way or flow exactly you did in above project, vert grt flow, from backend to frontend, very grt flow, just sir ye 2 req krdo, first Add cpanel or hostinger vedio at the end of this playlist and another ecoomerce playslist exactly like this flow.... bss sir sara class ko subscribe krwane bolunga

[@aakashchaurasiya9595]

Can we host this project to render? I know how to create a front end with react and also use have node , express and mongodb/mongoose. But I don't have any idea how to make a mern application as well as the deployment process .In short, I want to learn how to make applications using all 4 frameworks combined.

[@pramodghodke8005]

@@aakashchaurasiya9595 Exactly for that, we need tutorial from thapa sir, ki how to combine frontend and backend and host it to hostinger

[@MihirAmanRaj]

After following these tuts, Will I learn to add a feature where multiple users can make their own notes, which can be seen by all the users but can be handled only by the person who created that?

[@nawazishali274]

Awesome series yet❣❣

[@aakashchaurasiya9595]

Can we host this project to render? I know how to create a front end with react and also use have node , express and mongodb/mongoose. But I don't have any idea how to make a mern application as well as the deployment process .In short, I want to learn how to make applications using all 4 frameworks combined.

[@ankeetasahoo3666]

Thank you so much it was of huge help ❤️

[@mojoback2037]

Brother when you start e-commerce with full function properly..

[@SalmanShah95]

I got application error

[@BluePhantomGames]

Arrgh! Finally found a tutorial

[@QuietQuests26]

Thanks!

[@sanjaymurmu9664]

Thankyou so much thapa bhai...

[@rishabsingh6452]

*Finally Completed this MERN Series and Deployed App After Solving so many errors.Thanks Thapa Technical.*

[@rishabsingh6452]

@@karansharma3038 sorry bro this is mern stack project so i Don't have Css only MERN Code.

[@prahladsoni4796]

@@rishabsingh6452 can you please send that code?no issue if there is no css part.

[@aakashchaurasiya9595]

Can we host this project to render? I know how to create a front end with react and also use have node , express and mongodb/mongoose. But I don't have any idea how to make a mern application as well as the deployment process .In short, I want to learn how to make applications using all 4 frameworks combined.

[@uni_zaza2424]

Sir i have a question i learned MERN but we were doing e-commerce project. But i got a practice project where i only have to use front end and now i dont know how to upload it on cpanel also i happen to delete files inside public_html following your instructions of previous video and it was my mistake that i didnt realise what i was doing didnt match the context of that video please help

[@diyabharti9469]

Thapa sir please ek video fresh Web Designer ke interview questions par bana do.... Please please 🙏🙏🙏

[@irfanullah1134]

Well done man!!!

[@shahreazneeloy2119]

Greate video. very detailed. Nice work

[@chiragagrawal5206]

Fan channel ever seen such beautiful explanation Sir I request to make video on gsap or some best animation library plz🙏🙏🙏🙏

[@naumanali8357]

i like the way you explain. i have a question how to access client side env file variables for production build although server side variables are accessible through defining them in heroku config variables

[@rahulmane2600]

my deployment was successful but im still getting method not allowed someone help

[@ascodes3461]

Awesome video 😍

[@deepakprasad6277]

Best method to deploy our website

[@keekkeek8432]

I followed all the steps...my register and login is working fine. But I am unable to fetch the data in frontend from backend. In home page the response from getdata function ... ..res.json() gives error Syntaxerror: invalid token < position 0 I am unable to fetch any data from backend to frontend. Any idea?? Everything works fine in localhost. But when I host in heroku ....unable to acces data from backend to frontend using get method

[@stevendna8956]

Bro you got the solution ? Facing same issue.

[@vrspace9968]

@@stevendna8956 same issue

[@vrspace9968]

you got that

[@vrspace9968]

please help i to have same issue

[@koushiknaskar3052]

Thank you so much sir...is your mern stack playlist complete????

[@sankmaathan6184]

Which paid hosting plan is best for angular,NodeJS,Mongodb application?

[@laxmikantsaraswat6319]

you are awsome bro !!!!!!!!!! Thanks

[@souravshovon9153]

how could I upload an image on my database and use it on frontend dynamically ? please add a video on this.

[@sanketbhangale5788]

Thank you Thapa Sir...

[@codecrafts5263]

Dai please create a MERN stack project. We need it for interviews and college projects. I am following you for a long and have learnt a lot about web development. Please make a full stack project.

[@amankhanna354]

Thank you sm brother 🙏🏻

[@paras-bisht]

Amazing dude. Great work 👍 Btw we can skip npm run build As we've already written scripts for that.

[@aakashchaurasiya9595]

Can we host this project to render? I know how to create a front end with react and also use have node , express and mongodb/mongoose. But I don't have any idea how to make a mern application as well as the deployment process .In short, I want to learn how to make applications using all 4 frameworks combined.

[@manishn2442]

Bhaiya thank you, but their is one issue, Register k page pr agar refresh krte h to backend wala page load ho rha h, mere project m bhi same issue aa rha h

[@nimeshtank310]

Can we use this app in mobile also? Coz it has another android platform and different port and all...?

[@shabankhan4383]

sir, i wanted to setup front and back on two different hosting. The requests is working well on localhost and postman. But front-end fetch not working after hosting on vercel or any other platform. not understanding why

[@mdfaizanalam_]

Finally completed entire playlist😎😎😎😎

[@sohailshaikh5224]

Hy, It seems that You have recently completed this project. Can you tell me is it safe for me to start building this project or is it outdated?

[@codewithrohit2927]

Yes

[@mdfaizanalam_]

@@sohailshaikh5224 You can start no issues

[@shaileshpatil1]

sir mere me problem aa raha h front end me sirf index html run ho raha h page render nhi ho raha src me

[@neelesh621]

ill u post more videos on this playlist or is it complete ?

[@greedycode]

Well done bro!

[@yashanbansal939]

Completed this whole series but a single doubt is it can't show the error page when the user enters the wrong path.

[@yashanbansal939]

Yes

[@aakashchaurasiya9595]

Can we host this project to render? I know how to create a front end with react and also use have node , express and mongodb/mongoose. But I don't have any idea how to make a mern application as well as the deployment process .In short, I want to learn how to make applications using all 4 frameworks combined.

[@Abhishekverma-yj1or]

What if we use Mongo Compass instead of Mongo Cloud Atlas? Then where we need to setup the database?

[@rishusingh5908]

Thank you so much✅✅

[@johnthapa1879]

Awesome ❤️

[@nawazishali274]

Sir bring one more mern complete project with react components render on server side like that plzzzz

[@harekrishna-od5eq]

I have one external question that how to hide the file name in the domain and just show the name of the section for eg : /class-10/notes How to make these pls tell me

[@random-ui9iy]

thank you so much

[@sujitshukla2266]

You are awesome bro🔥🔥❤️

[@ThapaTechnical]

Thanks :)

[@amulop]

@@ThapaTechnical is we get link of project after hosting And everyone would be able to run this i want to know this?

[@GadgetMeta]

Sir can I deploy any Web app ?... I mean If I develop a app using JAVA servlet can I deploy in herokuu?

[@talkupdates002]

Thank You Sir Best content

[@underworld-of-gaming]

Thank you ❤️❤️

[@Kai-cz7wf]

Heroku is asking to add a payment method

[@sumanth0264]

when we try to refresh at a praticular page it show cannot get url. for example when you refresh at contact page it shows cannot get /contact how to solve that?

[@nikhilverma7045]

Heroku currently not verifying in India those who are trying it is because RBI new guidelines in oct 2021

[@rahulnath3244]

Very nice sir ....

[@vrspace9968]

bhai im not able fetch get and post while development it is not accessable but site appeared

[@vrspace9968]

bhai im not able fetch get and post while development it is not accessable but site appeared

[@vrspace9968]

bhai im not able fetch get and post while development it is not accessable but site appeared

[@vrspace9968]

bhai im not able fetch get and post while development it is not accessable but site appeared

[@vrspace9968]

bhai im not able fetch get and post while development it is not accessable but site appeared

[@vrspace9968]

bhai im not able fetch get and post while development it is not accessable but site appeared

[@vrspace9968]

bhai im not able fetch get and post while development it is not accessable but site appeared

[@amarbera8661]

thapa sir user ka naam ho ya password edit kaise karenge registration complete hone ke baad?? please sir bta do yehi doubt rehe gya hai mind me mere

[@ThapaTechnical]

Or user update page add krna prdega

[@amarbera8661]

please sir ek video sirf ek video iss topic par bana do maine bohot tutorial dekhe woh log kuch aise use kr rahe hai samajh nhi aa raha please sir sirf ek video ki demand hai aur kuch nhi sir

[@risheetparmar4476]

but I have to add payment method and I don't have any credit card

[@vrspace9968]

bhai im not able fetch get and post while development it is not accessable but site appeared

[@sudiptadas7494]

Isse mere github profile me bhi is project ka ek folder automatically ban jayega ya fir sirf heroku me hi?

[@subhasisdas4810]

I am deploying my mern app in Heroku the deployment is successful but when I open my app it shows a blank screen. Plz help me🙏🙏

[@taimoorkhan-zs9qi]

Please make a video on how to send email through node js