← Go Back

Deploying Existing Create-React-App on GitHub to Netlify

Broken Post? → Let me know

Featured Image - Photo by Artem Sapegin on Unsplash

Let's deploy a create-react-app generated site on Netlify.

After signing in to Netlify, click on New Site from Git on the top right.

Step1 new site from git

Click on GitHub button to choose a repository to deploy. It will prompt you for GitHub access.

You can give Netlify only a public repo access by clicking on the checkbox below "GitHub" button.

Step2 Select GitHub and limit to public repo

Filter by repo name and "pick a repository" by clicking on a repo returned.

Step3 Pick a repository

Set the basic settings for create-react-app site.

  1. Build command - yarn build or npm run build
  2. Publish directory - build

Step4 Set basic settings

After clicking on the "Deploy site" button, you will be forwarded to an "Overview" page with "Site deploy in progress" message.

Step5 Site deploy in progress

After a few moments (<- this is relative term....), you will see a randomly generated URL.

Step5 Site deployed

OK, you just deployed a site on Netlify 🎉🎉🎉

Other Resources

  1. Netlify Home Page
  2. Deploy React Apps in less than 30 Seconds - This short tutorial shows how to deploy directly from command line without going through GitHub.
  3. Netlify Official Documentation