はじめに Viteを用いて作成したReact×TypeScript環境をAWSのS3とCloudFrontを用いて静的ウェブサイトを公開します。説明にReactを使うだけでS3に置くのは静的ファイルなので他の環境でも同様の方法で再現可能です(記事ではReactのコードにほとんど触れません)。 何を行っているかが分かりやすいという観点から、awsコンソール上からの操作で設定していきます。また、今回最小限の設定で構築しました。お好みで設定を加えてお使いください。 開発環境のセットアップ Viteの環境はワンラインで作ることが出来ます。 コマンドラインに従って入力を進めると環境を作成できます。 作成した環境に入ってnpm install、npm run devを行って動作を確認してください。 ブラウザで以下のような画面を確認できたら完了です。 npm run buildを行うと、dist配下にバ