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

Поділитися
Вставка
  • Опубліковано 30 лис 2024

КОМЕНТАРІ • 25

  • @AleySoundz
    @AleySoundz 6 місяців тому +3

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

  • @pastafarian7
    @pastafarian7 8 місяців тому +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  8 місяців тому +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: ua-cam.com/video/084rmLU1UgA/v-deo.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

  • @Peacemaker.404
    @Peacemaker.404 Рік тому +1

    Thank you so much andy 😊.

  • @ajm7745
    @ajm7745 9 місяців тому +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  9 місяців тому

      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 9 місяців тому

      @@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 ....

  • @somename9877
    @somename9877 4 місяці тому +1

    thank you it helped me dude

  • @mujtabahassan3553
    @mujtabahassan3553 2 місяці тому

    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 Місяць тому

      Yeah 😢 Having similar issues here

  • @LightsInOut
    @LightsInOut 9 місяців тому +1

    Thank you!

  • @sfdsfdsgfgsfsgfsgfsgf2768
    @sfdsfdsgfgsfsgfsgfsgf2768 6 місяців тому

    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  6 місяців тому +1

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

  • @tapabratapalchowdhury507
    @tapabratapalchowdhury507 10 місяців тому +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  10 місяців тому

      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 10 місяців тому

      @@AndysTechTutorials OK I will do

    • @tapabratapalchowdhury507
      @tapabratapalchowdhury507 10 місяців тому +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  10 місяців тому

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

  • @AkashYadav-tc2lo
    @AkashYadav-tc2lo 4 місяці тому +1

    thanks brother

  • @joshualazar40
    @joshualazar40 9 місяців тому

    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  8 місяців тому +1

      Yes this does work with MongoDB Atlas.
      You can watch this video here: ua-cam.com/video/084rmLU1UgA/v-deo.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 3 місяці тому +1

    it ask about cridt card

    • @AndysTechTutorials
      @AndysTechTutorials  3 місяці тому

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

  • @EDW4RD249
    @EDW4RD249 5 місяців тому +1

    Thank you!