Thank you Esterling! After many hours struggling with deploying a MERN stack app to heroku I found your video. It only took 5 minutes to deploy after watching this, great teaching!!
In my own app, I have a field of upload Image and when user upload image, the specific page of that file crashes and file stops to work. But this app work fine on development mode but only images are not uploaded on production and other functions are also working fine. Why all of this is happens?
when deployed to heroku how can i find out the proxy (PORT*) for the api? (and proxy has the problem while running in local which is invalid host header too. so i use CORS)
Thanks a lot :) Can I put all the server files and folders(models, routes,...) in a folder named "server". Can I tell heroku to work with the package.json that inside the server folder?
my folder looks has 2 sub-folders- nodeapi and reactfront. In nodeapi package.json, I used "cd ../reactfront" but it shows that it cant cd into reactfront
Hi everyone ! after succesful deploying on heroku , and typeing on my command line heroku open , l get redirected to my deployed app , unfortunately the main side is blank :( Could you please help me with that ? thanks a lot
i got a problem in some http requests, the response is always in form of HTML not json data, but its ok locally so its heroku related. how could it be fixed
hello thank you for the video, i have succed deploying my application, but i does connect withthe back end, im getting this error ERR_CONNECTION_REFUSED
MongoError: Majority read concern requested, but it is not supported by the storage engine. It gives me an error when I'm trying heroku open. But if I run it locally everything works. What should I do?
Once you enter your credit card, you’ll have access to all their ads on. However, they will not charge for the free ads on we’re using in this video. Good catch, forget to mention this in the video 😔. I’ve entered my adons and have over 20+ projects on there with different FREE adons
I build the MERN app and successfully deployed it on heroku , but I got one doubt though now can I make changes to my MERN app locally and then push it again to heroku ?
If your client folder is built outside of the backend server folder. You definitely need to take another approach. You can deploy your ReactJS application separately, and have your Nodejs application deployed as well. Then they can communicate over HTTP Protocol by having your ReactJS application making API Request to your back end.
Thanks for the tips but i have a quick question. "Why are we making build file if we are writing our own heroku-postbuild script that will automatically install npm and make build??"
after heroku addons:create mongolab:sandbox this message is Couldn't find either the add-on service or the add-on plan of ! "mongolab:sandbox". what should i do ?
at=error code=H13 desc="Connection closed without response" method=GET path="/" dyno=web.1 connect=1ms service=22ms status=503 bytes=0 protocol=https What do I do with this error?
hey app crashes and won't run,im getting this error in the log: 2020-07-13T20:28:14.106716+00:00 app[web.1]: npm ERR! backend@1.0.0 start: `node app.js` 2020-07-13T20:28:14.106796+00:00 app[web.1]: npm ERR! Exit status 1 2020-07-13T20:28:14.106979+00:00 app[web.1]: npm ERR! 2020-07-13T20:28:14.107118+00:00 app[web.1]: npm ERR! Failed at the backend@1.0.0 start script. 2020-07-13T20:28:14.107251+00:00 app[web.1]: npm ERR! This is probably not a problem with npm. There is likely additional logging output above. 2020-07-13T20:28:14.117282+00:00 app[web.1]: 2020-07-13T20:28:14.117492+00:00 app[web.1]: npm ERR! A complete log of this run can be found in: 2020-07-13T20:28:14.117616+00:00 app[web.1]: npm ERR! /app/.npm/_logs/2020-07-13T20_28_14_108Z-debug.log 2020-07-13T20:28:14.173445+00:00 heroku[web.1]: Process exited with status 1 2020-07-13T20:28:14.225616+00:00 heroku[web.1]: State changed from starting to crashed
Sodium, thank you. Been following all your comments. Really appreciate it. Let's connect on other social media if we're not yet. 👉 LinkedIn: www.linkedin.com/in/esterling-accime-324a4181/ 👉Twitter: twitter.com/accimeesterlin 👉Facebook: facebook.com/accimeesterlin1 👉Instagram: instagram.com/accimeesterlin
hey my friend i followed your steps and got a successful build however, when i open it using heroku open, it says "Not Found" and the error from the logs is :Error: ENOENT: no such file or directory, stat '/app/client/build/index.html'. Any insights from you? Greatly appreciated
@@gvg2821 ua-cam.com/video/5PaUiPyBDJY/v-deo.html FOLLOW this carefully, another one of his tutorials, and he added one more script. it worked for me this time, hope it helps
I am getting an error like this - Please verify your account to install this add-on plan (please enter a credit card) For more ! information, see devcenter.heroku.com/categories/billing Verify now at ! heroku.com/verify. Can anybody tell me why?
When I wrote 'git push' to do the first push to heroku, I was given this error: remote: Compressing source files... done. remote: Building source: remote: ! No default language could be detected for this app. remote: HINT: This occurs when Heroku cannot detect the buildpack to use for this application automatically. remote: See devcenter.heroku.com/articles/buildpacks remote: ! Push failed remote: Verifying deploy... remote: ! Push rejected to subsala. To git.heroku.com/subsala.git ! [remote rejected] master -> master (pre-receive hook declined) error: failed to push some refs to 'git.heroku.com/subsala.git' I followed your video step by step, but I already had a build folder from previously "npm run build"-ing so I just referred to it in my server's "index.js" - is this what it is complaining about?
it seems that i dont have any heroku buildpacks, but their guide on the website doesnt really help me 100% - there are confusing parts and you didnt go over this at all so I dont know how your project automatically worked...
i had tried earlier before watching this vid then it failed, i deleted that app from heroku, now when i try with your method and create a new app then run the command : heroku addons:create mongolab:sandbox , its still reading the old app that i deleted and giving me this error that the app could not be found ==> PS C:\Users\Hp\Desktop\MERN_STACK\MERN_shopping-list> heroku create kevin-mern-stack-app Creating ⬢ kevin-mern-stack-app... done kevin-mern-stack-app.herokuapp.com/ | git.heroku.com/kevin-mern-stack-app.git PS C:\Users\Hp\Desktop\MERN_STACK\MERN_shopping-list> heroku addons:create mongolab:sandbox Creating mongolab:sandbox on ⬢ blooming-earth-37364... ! ! Couldn't find that app. edit: blooming-earth-37364 is the name of the app that i had earlier
@@accimeesterlin i did run heroku create blooming-earth-37364 and when i run heroku adds:create mongolab:sandbox im getting this error ==> heroku addons:create mongolab:sandbox Creating mongolab:sandbox on ⬢ blooming-earth-37364... ! ! Please verify your account to install this add-on plan (please enter a credit card) For more information, see ! devcenter.heroku.com/categories/billing Verify now at heroku.com/verify
Thank you Esterling! After many hours struggling with deploying a MERN stack app to heroku I found your video. It only took 5 minutes to deploy after watching this, great teaching!!
Thanks Austin :)
Excellent explanation, mate. Incredible job. Keep it up! Liked and subscribed!
I'm having a hard time and then I found this. Thanks so much, sir.
Glad this was helpful
Oh my goodness thank you so much! I finally launched my first app!
Thanks Esterling, this was quite helpful.
This was super helpful. Thank you very much for this.
I was looking for this for days...Thank you
Thanks One T :)
After a week I was able to host React project on heroku... Thanks Man :D
Thank you!!! This is very helpful. Helped me deploy my project!
Glad to hear that
it is super helpful!! Simple and well-explained. Thanks a lot!!
Thanks for watching
This was very very helpful. Thank you for put in this toguether
Thank you for posting this😊
Thanks so much dude, well appreciated.
gr8 gr8 gr8 simply gr8 tutorial sir thank you so much for this.
Thanks Kaustubh :)
really well explained, thanks!
Thanks Ross
Great explanation ! Thank you!
Thanks Rayane :)
Thanks a lot for this tutorial. I
succeed in first try and that is happening very rarely.
Thanks Stefan :)
thank you, that helped me a lot 👍🏻
This help alot! thanks
Well done, thx a lot!
Doing God's work!! Thank you so much
Thanks Richomiegian :)
thanks bro , you solved my problems
Thanks Ahmed :)
Thank you For this video
You're welcome Mohit :)
Hey Boss, That's cool !
Thanks Sapan
Thanks so much, sir
thank you so much sir
good job bro.
thank you so much.....
Thanks Dhandhalya :)
you are the best!
Hhahah I try my best :)
this video saved me 👌
Good to hear Suraj :)
mega thanks !!!
You’re welcome Bystryi
In the case that you get "command not found: heroku" run "brew tap heroku/brew && brew install heroku" on mac to download the CLI
In my own app, I have a field of upload Image and when user upload image, the specific page of that file crashes and file stops to work. But this app work fine on development mode but only images are not uploaded on production and other functions are also working fine.
Why all of this is happens?
Error : No such file or directory found stat 'app/client/build/index.html' is comming anyone help?
when deployed to heroku how can i find out the proxy (PORT*) for the api? (and proxy has the problem while running in local which is invalid host header too. so i use CORS)
Thanks a lot :)
Can I put all the server files and folders(models, routes,...) in a folder named "server".
Can I tell heroku to work with the package.json that inside the server folder?
my folder looks has 2 sub-folders- nodeapi and reactfront. In nodeapi package.json, I used "cd ../reactfront" but it shows that it cant cd into reactfront
Hi everyone ! after succesful deploying on heroku , and typeing on my command line heroku open , l get redirected to my deployed app , unfortunately the main side is blank :(
Could you please help me with that ? thanks a lot
i got a problem in some http requests, the response is always in form of HTML not json data, but its ok locally so its heroku related. how could it be fixed
hello thank you for the video, i have succed deploying my application, but i does connect withthe back end, im getting this error ERR_CONNECTION_REFUSED
Is the process similar when it comes to deploying an Angular stack MEAN application? Thanks
Yep, it's the same step, however you might need to adjust the command to generate the build folder.
MongoError: Majority read concern requested, but it is not supported by the storage engine. It gives me an error when I'm trying heroku open. But if I run it locally everything works. What should I do?
did you not add any proxy in the client folder under src?
Will they charge something if I add my card details??
Video is outstanding but the addon is for premium users also they may ask you to enter credit card information
Once you enter your credit card, you’ll have access to all their ads on. However, they will not charge for the free ads on we’re using in this video. Good catch, forget to mention this in the video 😔. I’ve entered my adons and have over 20+ projects on there with different FREE adons
I build the MERN app and successfully deployed it on heroku , but I got one doubt though now can I make changes to my MERN app locally and then push it again to heroku ?
how can I link react and express IF my react 'client' folder is built outside backend server folder?
thank you
If your client folder is built outside of the backend server folder. You definitely need to take another approach. You can deploy your ReactJS application separately, and have your Nodejs application deployed as well. Then they can communicate over HTTP Protocol by having your ReactJS application making API Request to your back end.
@@accimeesterlin how can i dothis boss?
Thanks for the tips but i have a quick question. "Why are we making build file if we are writing our own heroku-postbuild script that will automatically install npm and make build??"
Actually, You have to delete build folder because it's running auto with heroku-postbuild
after heroku addons:create mongolab:sandbox this message is
Couldn't find either the add-on service or the add-on plan of
! "mongolab:sandbox".
what should i do ?
at=error code=H13 desc="Connection closed without response" method=GET path="/" dyno=web.1 connect=1ms service=22ms status=503 bytes=0 protocol=https What do I do with this error?
Now that mongolab is under the MondoDB Atlas what would be the process?
this is a good question, should be answered! :D
Did you find the way???
Hey Deliverant, Check out this video, it might helpful :)
explained here: ua-cam.com/video/imR9LlbG3pU/v-deo.html
Yasmin, thanks for proving the link, I thought I paste it
iam getting error like Error: Missing required flag:
» -a, --app APP app to run command against
Do you have your code on github where I can take a look at it?
Mongolab addon has been removed from heroku
What else we can do?
hey app crashes and won't run,im getting this error in the log:
2020-07-13T20:28:14.106716+00:00 app[web.1]: npm ERR! backend@1.0.0 start: `node app.js`
2020-07-13T20:28:14.106796+00:00 app[web.1]: npm ERR! Exit status 1
2020-07-13T20:28:14.106979+00:00 app[web.1]: npm ERR!
2020-07-13T20:28:14.107118+00:00 app[web.1]: npm ERR! Failed at the backend@1.0.0 start script.
2020-07-13T20:28:14.107251+00:00 app[web.1]: npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
2020-07-13T20:28:14.117282+00:00 app[web.1]:
2020-07-13T20:28:14.117492+00:00 app[web.1]: npm ERR! A complete log of this run can be found in:
2020-07-13T20:28:14.117616+00:00 app[web.1]: npm ERR! /app/.npm/_logs/2020-07-13T20_28_14_108Z-debug.log
2020-07-13T20:28:14.173445+00:00 heroku[web.1]: Process exited with status 1
2020-07-13T20:28:14.225616+00:00 heroku[web.1]: State changed from starting to crashed
great f***** awesome
Sodium, thank you. Been following all your comments. Really appreciate it. Let's connect on other social media if we're not yet.
👉 LinkedIn: www.linkedin.com/in/esterling-accime-324a4181/
👉Twitter: twitter.com/accimeesterlin
👉Facebook: facebook.com/accimeesterlin1
👉Instagram: instagram.com/accimeesterlin
Do you need a credit card to use mongolab on heroku?
What do i do not that mlab is gone.
now mlab is closed right/? So how we would be proceeding with the steps?
mongo atlas replaces it
hey my friend i followed your steps and got a successful build however, when i open it using heroku open, it says "Not Found" and the error from the logs is :Error: ENOENT: no such file or directory, stat '/app/client/build/index.html'. Any insights from you? Greatly appreciated
same this is. a nightmare
@@gvg2821 ua-cam.com/video/5PaUiPyBDJY/v-deo.html FOLLOW this carefully, another one of his tutorials, and he added one more script. it worked for me this time, hope it helps
Getting Invalid Host Header :(
is .env file suppose to upload?
I get not found
I am getting an error like this - Please verify your account to install this add-on plan (please enter a credit card) For more
! information, see devcenter.heroku.com/categories/billing Verify now at
! heroku.com/verify.
Can anybody tell me why?
When I wrote 'git push' to do the first push to heroku, I was given this error:
remote: Compressing source files... done.
remote: Building source:
remote: ! No default language could be detected for this app.
remote: HINT: This occurs when Heroku cannot detect the buildpack to use for this application automatically.
remote: See devcenter.heroku.com/articles/buildpacks
remote: ! Push failed
remote: Verifying deploy...
remote: ! Push rejected to subsala.
To git.heroku.com/subsala.git
! [remote rejected] master -> master (pre-receive hook declined)
error: failed to push some refs to 'git.heroku.com/subsala.git'
I followed your video step by step, but I already had a build folder from previously "npm run build"-ing so I just referred to it in my server's "index.js" - is this what it is complaining about?
it seems that i dont have any heroku buildpacks, but their guide on the website doesnt really help me 100% - there are confusing parts and you didnt go over this at all so I dont know how your project automatically worked...
i had tried earlier before watching this vid then it failed, i deleted that app from heroku, now when i try with your method and create a new app then run the command : heroku addons:create mongolab:sandbox
, its still reading the old app that i deleted and giving me this error that the app could not be found
==>
PS C:\Users\Hp\Desktop\MERN_STACK\MERN_shopping-list> heroku create kevin-mern-stack-app
Creating ⬢ kevin-mern-stack-app... done
kevin-mern-stack-app.herokuapp.com/ | git.heroku.com/kevin-mern-stack-app.git
PS C:\Users\Hp\Desktop\MERN_STACK\MERN_shopping-list> heroku addons:create mongolab:sandbox
Creating mongolab:sandbox on ⬢ blooming-earth-37364... !
! Couldn't find that app.
edit: blooming-earth-37364 is the name of the app that i had earlier
You might need to run heroku create blooming-earth-37364 before you run heroku adds:create mongolab:sandbox
@@accimeesterlin i did run heroku create blooming-earth-37364 and when i run heroku adds:create mongolab:sandbox im getting this error
==> heroku addons:create mongolab:sandbox
Creating mongolab:sandbox on ⬢ blooming-earth-37364... !
! Please verify your account to install this add-on plan (please enter a credit card) For more information, see
! devcenter.heroku.com/categories/billing Verify now at heroku.com/verify
@@accimeesterlin thank you it worked, the problem was the .git file, i had to delete it and reinitialise it
mongolab is not in the world anymore😭