h-ishikura https://blog.hatena.ne.jp/h-ishikura/ NRIネットコムBlog https://tech.nri-net.com/ クラウド AWS Amplify お役立ち情報 クラウド事業推進部の石倉です。 今回はAWS Amplifyに興味を持ったことをきっかけに静的Webサイトを構築してみました。 Amplifyを使った方法に加え他の構成パターンでも構築してみたのでご紹介します。 Webサイトの内容はVite+Reactアプリケーションです。 ローカル環境準備 パターン１）S3 + CloudFront パターン２）Amplify(+S3) パターン３）Amplify(+GitHub, CI/CD) 最後に 参考 ローカル環境準備 はじめにローカル環境にVite+Reactアプリケーション環境を用意します。と言ってもこちらのコマンドだけでできます。 npm cr… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.nri-net.com%2Fentry%2Fbuilding_static_websites_with_aws_amplify" title="AWS Amplifyで静的Webサイトを構築してみた - NRIネットコムBlog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/h/h-ishikura/20250722/20250722174550.png Hatena Blog https://hatena.blog 2025-07-24 10:00:00 rich https://tech.nri-net.com/entry/building_static_websites_with_aws_amplify 1.0 100%