インフラ

Next.js

【Vercel】【Terraform】Next.jsアプリをデプロイしてみる

Next.jsで作ったアプリをVercelへデプロイしてみます。 今回はVercelのコンソールではなく、Terraformを使用して構築していきます Vercel コンソールでの設定方法はこちら ...
Next.js

【Vercel】Next.jsアプリをデプロイしてみる

Next.jsで作ったアプリをVercelへデプロイしてみます。 今回はVercelのコンソールを使用して構築していきます Terraformでの設定方法はこちら Vercelとは?? ...
Terraform

【CloudFront】Terraformでカスタムエラーレスポンスを設定する

CloudFront+S3の構成でエラーになったときに特定のページを表示させたーいーー! ということで、エラーページを設定していきます Terraformを使って設定していきます ・バージョン ...
Terraform

【CloudFront】Basic認証を実装したい

CloudFrontにBasic認証をかけたーーい! ということで、 S3がオリジンのCloudFrontで公開しているWEBアプリにBasic認証をかけます。 Terraformを使って設定し...
Terraform

【CloudFront】オリジンのS3にないオブジェクトにアクセスしたら404を返したい

CloudFrontのオリジンであるS3にないオブジェクトへのリクエストに403が返ってきます。 403 Forbiddenであり、 オブジェクトがないのに「権限で見れません」が返ってきているのに違和感があります...
Terraform

【CloudFront】index.html を省略してサブディレクトリへアクセスできるようにする

index.html を省略して CloudFrontのサブディレクトリへアクセスしたときにindex.htmlを表示させたい! CloudFrontにデフォルトディレクトリインデックスというものを実装して実現し...
Terraform

【CloudFront】デフォルトルートオブジェクトを設定する

S3をオリジンとしたCloudFrontを作成しました。 しかし、ディストリビューションのルート URLにアクセスするとエラーを返し、 index.htmlと打たないとアクセスできません。。。 そこで、デフォル...
Amazon S3

【React】GitHubActionsでS3へのデプロイを自動化する

GitHubActionsを使用してReactアプリをS3へ自動デプロイしてみたいと思います。 構築の流れ AWSでOIDCを作成する 対象のリポジトリでGitHubActionsのワークフローを定義す...
AWS IAM

【AWS】OIDCを作成してGitHubActionsからAWSへアクセスできるようにする

GitHub ActionsでAWSへアクセスする際に認証をどう突破するかが重要です。 GitHub の Actions secrets and variables からAWSの認証情報を読み込む方法もありますが、 機密...
React

【React】【Terraform】CloudFront+S3へデプロイしてアクセスできるようにする

ReactアプリをAWSへデプロイし、WEBブラウザからアクセスしてみます 最近勉強しているTerraformを使用してAWSの環境を構築していきます ゴール (インフラ構成図) (ポイント)...
タイトルとURLをコピーしました