React project to GitHub Pages

react-github-pages.md

Host a React project on Github pages

Make sure you have the repository on GitHub.

1. Add github Pages as a dev dependency to the project.

npm install gh-pages --save-dev

2. Add a "homepage" key to the package.json. The value will be a string, with your GitHub username and project repository in the URL.

"homepage":"http://USERNAME.github.io/REPONAME",

The USERNAME will need to be all lowercase

The REPONAME will need to be all lowercase, you may need to rename your repository

3. Add a deploy script to the package.json. Keep the other scripts.

"scripts": {
  "deploy": "gh-pages -d build",
}

4. Run

npm run build
npm run deploy