How to Deploy MERN (React Node Express Mongo) App to Render for Free

แชร์
ฝัง
  • เผยแพร่เมื่อ 6 ม.ค. 2025

ความคิดเห็น • 25

  • @AleySoundz
    @AleySoundz 7 หลายเดือนก่อน +4

    Straight to the point, simple, and easy to understand. This was extremely helpful. Thank you.

  • @Peacemaker.404
    @Peacemaker.404 ปีที่แล้ว +1

    Thank you so much andy 😊.

  • @pastafarian7
    @pastafarian7 10 หลายเดือนก่อน +4

    umm, where are you deploying your database? are you using mongodb atlas? what's going on?
    This is helpful, but I feel like you're title is a lie... You only covered how to deploy a ERN app...

    • @AndysTechTutorials
      @AndysTechTutorials  9 หลายเดือนก่อน +1

      Hey @pastafarian7, yes I am using mongodb atlas. I also assumed that you already have a mongodb database running.
      If you don't, you can watch this video here: th-cam.com/video/084rmLU1UgA/w-d-xo.html&ab_channel=NetNinja to get your mongodb connection string, update your code to use the connection string, and pass in the connection string as env variable when deploying your MERN backend like how I did at 2:22

  • @mujtabahassan3553
    @mujtabahassan3553 3 หลายเดือนก่อน +1

    there is a problem in this if you refresh the app it will crash with a 404 because the routing request will be send to the server instead of the client. how to fix it?

    • @raymondaxyz
      @raymondaxyz 3 หลายเดือนก่อน

      Yeah 😢 Having similar issues here

  • @somename9877
    @somename9877 5 หลายเดือนก่อน +1

    thank you it helped me dude

  • @ajm7745
    @ajm7745 10 หลายเดือนก่อน +1

    can someone help me with the api thing linking both . my site works in my computer but after deployment the server and client are not connected . i am a beginner , so help me wit the api part

    • @AndysTechTutorials
      @AndysTechTutorials  10 หลายเดือนก่อน

      Hey @ajm7745, are you using a variable for your backend url like how I am in the video at 3:30?
      It seems like you have your front end reach out to your backend with a hard coded value but when you host it on render you need to specify the backend url for your front end to connect to.
      So once you host your backend first, then you need to get the url of your backend app which render will randomly generate for you. Then you point your front end to reach out to the backend url.
      Hopefully that makes sense

    • @ajm7745
      @ajm7745 10 หลายเดือนก่อน

      @@AndysTechTutorials yes I got the idea . I am beginner and the in the code the URL is used itself directly. So now I need to find each of them and modify with a common one and import it ....

  • @LightsInOut
    @LightsInOut 10 หลายเดือนก่อน +1

    Thank you!

  • @sfdsfdsgfgsfsgfsgfsgf2768
    @sfdsfdsgfgsfsgfsgfsgf2768 7 หลายเดือนก่อน

    There is something I don't understand. I would be very happy if you could help me. Isn't React frontend a dynamic web page? How can we deploy it to a static site?

    • @AndysTechTutorials
      @AndysTechTutorials  7 หลายเดือนก่อน +1

      You can follow my other video here: th-cam.com/video/sp6n8rRA1VE/w-d-xo.htmlsi=fI-LKA1VXp3YJHpG to deploy your react app as a static site!

  • @tapabratapalchowdhury507
    @tapabratapalchowdhury507 11 หลายเดือนก่อน +1

    Hi friend I'm a complete beginner of deployement of this type of projects , can you please tell me , how to show others my mern stack website bro if i open this render then log in then how to show others in another devices ?

    • @AndysTechTutorials
      @AndysTechTutorials  11 หลายเดือนก่อน

      Hey @Tapabrata Pal, once you deploy your MERN app to render, then you can share the url that render generates for you to share with other people!

    • @tapabratapalchowdhury507
      @tapabratapalchowdhury507 11 หลายเดือนก่อน

      @@AndysTechTutorials OK I will do

    • @tapabratapalchowdhury507
      @tapabratapalchowdhury507 11 หลายเดือนก่อน +1

      @@AndysTechTutorials one question if i update my github and i modify my project then my project which is hosted that will be modified or not ?

    • @AndysTechTutorials
      @AndysTechTutorials  11 หลายเดือนก่อน

      @tapabratapalchowdhury507 if you update your repo on your GitHub, then yes, your project will also be updated on Render too!

  • @AkashYadav-tc2lo
    @AkashYadav-tc2lo 5 หลายเดือนก่อน +1

    thanks brother

  • @joshualazar40
    @joshualazar40 10 หลายเดือนก่อน

    Does this work for momgodb compass or atlas? If not compass what do I do on my end to make It work for compass?

    • @AndysTechTutorials
      @AndysTechTutorials  9 หลายเดือนก่อน +1

      Yes this does work with MongoDB Atlas.
      You can watch this video here: th-cam.com/video/084rmLU1UgA/w-d-xo.html&ab_channel=NetNinja to get your mongodb connection string, update your code to use the connection string, and pass in the connection string as env variable when deploying your MERN backend like how I did at 2:22

  • @ahmedmehana7690
    @ahmedmehana7690 4 หลายเดือนก่อน +1

    it ask about cridt card

    • @AndysTechTutorials
      @AndysTechTutorials  4 หลายเดือนก่อน

      You shouldn’t have to add your credit card! You can pick the free plan and it should work!

  • @EDW4RD249
    @EDW4RD249 6 หลายเดือนก่อน +1

    Thank you!