Deploying React App on GitHub Pages

deploy-react-app-on-github-pages.md

Deploying React App on GitHub Pages

This note is for those who already have a repo and ready to publish. To see the source material or more in-depth please see below.

1) Install

npm install -g gh-pages

Note: I'm going to install gobally to create a shell script below 2.2

2) Edit package.json

After "version" add...

"homepage": https://{YOUR-git-name}.github.io/{YOUR-repo-name}

3) Git push

Add, commit and push to your repo.

4) Go to GitHub Page

• Click on the Settings (Cog icon), then select Pages on the side panel.
• In the GitHub Pages I selected the following.
  • Source: Deploy from a branch
  • Branch: gh-pages => /(root)

Source

• github.com/gitname/react-gh-pages

• npmjs.com/package/gh-pages

Thanks @taroche!