How to deploy a react application to production - step by step process | Crash Course

How to deploy a react application to production – step by step process | Crash Course

Thanks to the sponsor of video, Buddy Works. You can signup here

Putting a react application in production is little different from regular PHP or similar application. Our hosting choice is also different and working process is little different too. We will use multiple services like git, github, netlify and buddy works. All of these services are free to use for this video. Please follow along to learn.

Link to my programming Video Library:

Pick best UI color for your projects:

Laptop that I use:

Download app from Google play store and Apple App store

It doesn’t feel good to have a disclaimer in every video but this is how the world is right now.
All videos are for educational purpose and use them wisely. Any video may have a slight mistake, please take decisions based on your research. This video is not forcing anything on you.

All Amazon links are affiliate links (If any).

47 thoughts on “How to deploy a react application to production – step by step process | Crash Course

  1. Bro, for anyone in a hurry your channel is not going to be a solution. Please trim down the duration or add time lapses of the content

  2. Netily supports php or not???
    My contact form is not working (It is not sending mail) I have made the form in wodpress using contact form 7 and I imported these files in publii and then hosted on netlify
    Please help!!

  3. sir i followed all steps from ur video and i am getting this error
    serve : File C:UserslakshmanAppDataRoamingnpmserve.ps1 cannot be loaded because running scripts is disabled on

    this system. For more information, see about_Execution_Policies at https:/

    At line:1 char:1

    + serve -s build

    + ~~~~~

    + CategoryInfo : SecurityError: (:) [], PSSecurityException

    + FullyQualifiedErrorId : UnauthorizedAccess

    plz help me out

  4. Can anyone help me out when i am deploy my project on netlify this error
    ""will occur Or modify the "" command in your "package.json" from "react-scripts build" to "CI= react-scripts build"""

    plz help me thank u in advance

  5. Thank you Hitesh for this well explained topic.
    I have an application contains folder "page" instead of "src". How can I deploy the application?
    Let me put the question as: How can we deploy an existing application?
    Waiting for kind reply. Thank you

  6. hi, first of all thank you so much for such a simple way to show to how to make a react app live!!!!! I am absolutely new in learning React and just built a simple search web app that is using Flask backend (so a python server)to search a database and return data to render via react again. My app is working fine in my local host and I am looking how I can deploy such app in internet using any of the free live server. I have been looking for a video that will server my need but everyone is talking in so high level, its hard to follow. can you pleasee help?? or anyone?? for a relevant tutorial ?? really stuck for over a week now!!

  7. Stop saying "gunna" as often as you do. its really irrelevant, but extremely annoying . Regardless, great content.

  8. Hello Hitesh Sir,
    Please make a video on how to deploy MERN stack Website on the production on AWS

    Your student
    From LCO

  9. thanks. CI/CD is so simplified with buddy. your explanation was pretty easy to follow. i did deploy my react demo app to amazon amplify though. need to check netlify

  10. I don't see any use of buddy works. Almost all the companies prefer Jenkins only for this. Jenkins has vast variety of support.

  11. Thanks for the video, just a quick question if you can clarify please, in the .gitignore and in that you include /node_module, but when the application runs on netlify using files from Github, how can the application accessing /node_module when it hasnt been uploaded there? Thanks

  12. while initializing git
    "git : The term 'git' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, verify

    that the path is correct and try again ".
    error is throwed what can be done .

  13. What if I have frontend and backend in the same repo? How would I use netlify for deployment? Is it a bad approach to have frontend and backend in the same repo?

  14. Alot of new tech startups these days will let you deploy code to production within first week obviously after its reviewed quite heavily, experienced this personally.

Leave a Reply

Your email address will not be published. Required fields are marked *