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

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

КОМЕНТАРІ • 23

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

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

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

    thank you it helped me dude

  • @Peacemaker.404
    @Peacemaker.404 9 місяців тому +1

    Thank you so much andy 😊.

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

    Thank you!

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

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

    thanks brother

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

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

      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!

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

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

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

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

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

      @@AndysTechTutorials OK I will do

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

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

  • @ahmedmehana7690
    @ahmedmehana7690 14 днів тому +1

    it ask about cridt card

    • @AndysTechTutorials
      @AndysTechTutorials  12 днів тому

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

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

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

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

    Thank you!