2017-12-09

Deploying Existing Create-React-App on GitHub to Netlify

programming, quicktip, createreactapp, frontend

banner

title: Deploying Existing Create-React-App on GitHub to Netlify date: "2017-12-09" banner: ./images/featured-image-1.jpg published_at: "2017-12-09T16:06:53.000Z" tags: "programming, quicktip, createreactapp, frontend" author: Sung M. Kim

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.

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.

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

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

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

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

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

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