Github Action & React + Vite

Nodejs in Devcontainer

devcontainerを立ち上げるまで実施

立ち上げたら以下を実施

devcontainer の node.js image version

20 を指定した

SWCとはRust製のコンパイラです

パッケージマネージャーには yarnを

Vite公式

プロジェクト作成

yarn create vite . --template react-swc-ts

静的サイトのデプロイ

yarn build

github branch publishing

github actions で devからprodへのpushを自動化

Github PAT create

dry run は以下より実行可能
true = dry run / false = not dry run

prod への deploy 完了
Vite + React + node( LTS20 + yarn )

build test の action を追加

github の無料プランだとブランチへのマージ不可の設定はできなかったので、プライベートリポジトリであるdevリポジトリには適用不可
ただし、testのaction にはpushの度にaction実行されるようにしたのでタグつける前に確認すること