🚀 #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.shop/source-code
🚀 Website Link for Steps : www.thapatechnical.com/2021/0...
😍 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.thapatechnical.com/2020/0...
😍😍 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.thapatechnical.com/2019/1...
➡️ 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 KZread 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.thapatechnical.com
Instagram Link: / vinodthapa55
Facebook Link: / vinodthapa55
Twitter Link: / vb55thapa
Facebook ThapaTechnical Page Link: vinodbahadur...
Пікірлер: 258
Guys I launched my new Official Website created using MERN only 🚀 Get the Source Code Here: thapatechnical.shop/source-code
I hope you love the MERN Series, 🚀 Website Link on How to host MERN App on Heroku: www.thapatechnical.com/2021/04/how-to-deploy-mern-projects-on-heroku.html ✌ Please, LIKE 👍 SHARE ✔ & SUBSRIBE My Channel ❤ Check my Instagram to Connect with me 😊 instagram.com/vinodthapa55
@getsellwebshop7482
3 жыл бұрын
Bro yaar me thak gaya ho coment kr kr k
@getsellwebshop7482
3 жыл бұрын
Bro ek issu solve krna tha or woh me ne har jaga coment kiya par koi respons hi ni mila plz abh email par reply kr dena ya apna contact no. De plz
@jetlinkarkha9659
2 жыл бұрын
How to verify Heroku plz plz bolo 😟
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.
Thank you so much for your great tutorial, I do appreciate your efforts and your kindness...💙
Thanks a lot. Awesome tutorials. I am a Full Stack Wordpress Developer now learning MERN.
looks super awesome ... Thanks you so much thapa sir
Thanks Thapa you made it verry clear and easy, Kudos
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
Thanks you so much thapa sir your are the best
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
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
Laal phool , pila phool... THAPA bhaiya wonderphool
Happiness when you see your website running online , thank you thapa Bhai ,
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
2 жыл бұрын
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
Thank you so much it was of huge help ❤️
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
3 жыл бұрын
Hahaha. Thanks brother 😀
@ujjawalsharma8363
3 жыл бұрын
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.
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.
Very awesome series sir... Please make a series on MEAN development next time.
Thank you sir,your videos helping lot's..
Thankyou so much thapa bhai...
Thank you very much to explain in so much detail
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.
Which paid hosting plan is best for angular,NodeJS,Mongodb application?
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.
You are really awesome 😍😍😍
Greate video. very detailed. Nice work
You are the best trainer sir👍
Hey Bhaiya newly mein aap ko follow kar rha hu... Aur prefer v... So be nice like it 🙂🙂
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
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?
Thanks a lot, finally I am able to deploy my app successfully. Thanks again for simple and precise explanation !!
@swapnilkotkar9353
2 жыл бұрын
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.
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
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.
Thank you Thapa Sir...
Thank you sm brother 🙏🏻
saved my life in 2023. Thanks brother.
Thank You Sir Best content
Arrgh! Finally found a tutorial
thaapa bhai im ur old subscriber ur best brother.. love from pakistan!
What if we use Mongo Compass instead of Mongo Cloud Atlas? Then where we need to setup the database?
Make a playlist on React Native using Expo please !
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.
Fan channel ever seen such beautiful explanation Sir I request to make video on gsap or some best animation library plz🙏🙏🙏🙏
Isse mere github profile me bhi is project ka ek folder automatically ban jayega ya fir sirf heroku me hi?
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.
Well done man!!!
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.
Thank you so much✅✅
you are awsome bro !!!!!!!!!! Thanks
Thank you so much sir...is your mern stack playlist complete????
Sir can I deploy any Web app ?... I mean If I develop a app using JAVA servlet can I deploy in herokuu?
how could I upload an image on my database and use it on frontend dynamically ? please add a video on this.
Best method to deploy our website
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?
Can we use this app in mobile also? Coz it has another android platform and different port and all...?
Brother please make a video on how to login using OTP in MERN Stack
@Meethu69
3 жыл бұрын
Haan please Sir
brother i need your help please reply asap,so i've deployed the project in heroku and its running also but,i'm not able to login in the project even tho registration is working fine,but as soon as i try to login it says cannot POST error althought routes are fine,but i also feel that this issue is coming because we have included client folder inside server folder so whats the solution for it brother help me?
sir mere me problem aa raha h front end me sirf index html run ho raha h page render nhi ho raha src me
I have deployed my mern app but after deleting the api at last from app.js of my project . it don't find any of the routes from the client part. please help as soon as possible. I'm waiting for you.
anyone knows do we need to include node module folder while copying client into server ?
Yaaar thank youu soooo much
Thanks!
Awesome ❤️
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🙏🙏
Awesome video 😍
ill u post more videos on this playlist or is it complete ?
Sir mern Basics atre complete. Now we want Mern clone series like Facebook clone, Instagram clone etc
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
3 жыл бұрын
You got any answer
thank you so much
There is problem mern app work fine on heroku until server is running on system but after server closing mern app don't work properly i mean you will receive data from database in heroku until server is running on system but after server closing you will not get data from database
Sir bring one more mern complete project with react components render on server side like that plzzzz
can anyone tell me how is app in client making requests to the server without a proxy
Well done bro!
What if my project has next js instead of react js?
Does anybody know what should be the api address in frontend to connect with backend as right now my server is running on port 3001 so I give that port address but what do I give if I host it over heruko?
@ajaysahu6666
10 ай бұрын
The heroku provide a base url of your backend after deployed successfully
I have made a mongo db server on my Localhost so how can i deploy ?
Thank you ❤️❤️
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.
bhai im not able fetch get and post while development it is not accessable but site appeared
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
Bhai heroki new project create time payment method add karne bol raha, create button disabled he tab tak
You didn't add Heroku port in env file and how it is not giving any error any one can explain plz???
Thapa sir please ek video fresh Web Designer ke interview questions par bana do.... Please please 🙏🙏🙏
Very nice sir ....
I got application error
my deployment was successful but im still getting method not allowed someone help
Brother when you start e-commerce with full function properly..
Bhai react redux par video banai, please..!!! FYP mara stuck hua phra ha ma ap kiu HTML series se fallow krta ah raha hu meri React ma state Managment bhut weak ha kch recomend krey ma n july taq Submit krna ha Project
Sir, is me edit profile ka bhi bta dena kese hoga plzz 🙏🙏🙏🙏🙏
awesome video laga sir
Please make another video using the alternative of heroku because heroku is now charging money for deployment
{"message":"Not Found-/","stack":null} this error coming cannot find homepage
Sir make a video on complete form validation in this project
Sir plz make a website using html, css, bootstrap , javascript and php mysql and make how create a session in php ,sir plz make a vedio on this website.
getting this error Push rejected, failed to compile Node.js app.
thx bro
Can any one tell me plzzz this course complete or not
React website pe seo kaise karte hai so that google results me aai ye bhi sikha do please
Please make a video on how to send email through node js
Sir can you make a django series from scratch to hosting?