github pagesにReactアプリを公開する

Reactアプリの作成

cd desktop/
npx create-react-app wikiquiz-test --template typescript
cd wikiquiz-test

gh-pagesをインストール

npm install gh-pages --save-dev

package.jsonにhomepageを追加する

package.json

{
  ...,
  "scripts": {
    ...,
    "predeploy": "npm run build",
    "deploy": "gh-pages -d build"
  },
  ...,
  "homepage": "https://super-pylori.github.io/wikiquiz-test/"
}

githubで新規リポジトリ作成

新規リポジトリを作成する
作成したらリモートリポジトリを追加する

git remote add origin [e-mail]:super-pylori/wikiquiz-test.git
git push origin master

デプロイ

npm run build
npm run deploy

これでhttps://super-pylori.github.io/wikiquiz-test/が公開される
githubのSettings→PagesでURLとか確認できる

参考

ReactアプリをGitHub Pages(Project Pages)で公開する