How to Deploy React App on Netlify from Github

Biren Sharma
3 min readJan 3, 2021

Once your React app is developed, you might want to host and deploy it on a server. Pushing it on the server allows other users to see your app using a URL. Netlify offers a paid service along with a free plan for starter and it serves best for your starter application like proof of concept or minimum viable product that you are developing. In this step-by-step guide, you will learn to deploy your React app to Netlify quickly.

  1. Push your React app on GitHub.
  2. Sign in to Netlify
sign up

3.After sign up, click on the “New site from Git” button.

4.Choose “GitHub” as a provider of source code the Netlify’s continuous integration (CI) system.

GitHub

5. Authorise Netlify to access your GitHub repositories(it can be private or public) and select your project from GitHub.

select repo

7.Add build command in “Deploy settings” and build/ in the publish directory.

npm run build or yarn build

8.Click on “Deploy site” and it will be redirected to a screen indicating the deployment status:

deploy status

9. Click on the “Site settings” button to change the site name once it is deployed.

Change site name

Click on the site once you change the name and enjoy your site on Netlify! 🎉
It is live now and you can share it anywhere.

Deploying after changes

Commit your changes to the master branch(or the deployed branch) of your Git repository and push it to GitHub. Netlify’s continuous integration system will build and deploy the changes automatically.

--

--