Deploying Existing Create-React-App on GitHub to Netlify
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.
- Build command -
yarn build
ornpm run build
- 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
- Netlify Home Page
- Deploy React Apps in less than 30 Seconds - This short tutorial shows how to deploy directly from command line without going through GitHub.
- Netlify Official Documentation