GitHub-pagesを使う

初期設定

package.jsonに設定追加

# FIXME: 自分のリポジトリ名と同じにする
  "homepage": "https://ryosukedtomita.github.io/<リポジトリ名>",

Note

ローカルでdocker compose upとかした際にhomepageが設定されているとうまくいかないの2024/08/04現在ではgithub actionsのyaml内でpackage.jsonを編集している。

GitHub側の設定

リポジトリの設定からPages --> Build and deploymentをGitHub Actions を選択する。

GitHub Pages

github pagesにデプロイ

git push origin master後にpackage.jsonに設定したurlにアクセスする。

ERROR LOG

Branch "master" is not allowed to deploy to github-pages due to environment protection rules

github actionsのdeploy時に何故かdeployが失敗する。
おそらくバグだとおもわれ(2024/02/02)，Pagesの設定ページのSourceを一度Deploy from a branchに変更してBranchをmainからmasterに変更した後，再度SourceをGitHub Actionsに変更したら直った。

テスト用ブランチからもgithub pagesにデプロイしたい

repositoryのsettingsからprotection ruleを変更し，ブランチ名を追加する。

github pagesの公開範囲をprivateに限定すると謎のドメインにリダイレクトされる

GitHub Pagesサイトの可視性を変更する

privateにすることでOrganaizationsのメンバー限定でサイトを公開することができる。
ただし，謎のドメインにリダイレクトされる現象が発生。Private GitHub Pages redirects to internal url
Reactのアプリの場合にはpackage.jsonのhomepageをリダイレクト先に合わせてやる必要がある。

  "homepage": "https://effective-pancake-hogehoge",