React で作成した App を 4Step で GitHub Pages に公開

gh-pages ライブラリをinstall

GitHub Pages 用にbranchを作ってdeployしてくれるライブラリです.
開発環境用にインストールします.

npm install gh-pages --save-dev

save-devに関してはこちら

package.json の設定

package.jsonにデプロイコマンドとホームページを登録してやります.

package.json

{
...
  "scripts": {
    ...
    "predeploy": "npm run build",
    "deploy": "gh-pages -d build"
  },
  "homepage": "https://[github_id].github.io/[repository_name]"
...
}

デプロイ

デプロイコマンドを打ちます.

npm run deploy

Published が表示されたら成功.

公開ブランチの設定

Github 上で設定します.

Setting -> Pages -> Branch にて,
branch を gh-pages に変更します.

暫く待つとページ上部にリンクが表示されますので,
Visit Site をクリックして内容を確認

無事表示されたら終了.