React deploy to github static pages

githubに静的ページをdeployする方法

install the gh-pages

npm i gh-pages

package.jsonを開き、scriptsに以下のdeployの内容を追記

"scripts":{ ...,
    "deploy": " gh-pages -d build",
    "predeploy": "npm run build"
}
"homepage": "https://{githubのuser-name}.github.io/{project名}"

※pre-がついていたら、該当するコマンドが動く先にpre-コマンドが動く、後コマンドが動く
※project名は git remote -v で検索する。
※該当するhomepageがpublishedされる先

projectをbuildするため、以下のコマンドを叩く

npm run build

build後以下のようにbuildフォルダーが作成されることを確認する

buildされたものを配布する（deploy)

npm run deploy

実行後以下のようにpublishedが出力されたら、OK

明示されたhomepageに入ったら、配布されたことが確認できる