Next.js 【Vercel】【Terraform】Next.jsアプリをデプロイしてみる
Next.jsで作ったアプリをVercelへデプロイしてみます。
今回はVercelのコンソールではなく、Terraformを使用して構築していきます
Vercel コンソールでの設定方法はこちら
...
インフラ
Next.js 
Amazon CloudFront 【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にデフォルトディレクトリインデックスというものを実装して実現し...
Amazon CloudFront 【CloudFront】デフォルトルートオブジェクトを設定する
S3をオリジンとしたCloudFrontを作成しました。
しかし、ディストリビューションのルート URLにアクセスするとエラーを返し、
index.htmlと打たないとアクセスできません。。。
そこで、デフォル...
React 【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の環境を構築していきます
ゴール
（インフラ構成図）
（ポイント）...
エラー 【Terraform】ACMでSSL証明書を作成しDNS認証するときに遭遇したエラーたち
Terraformを使ってACMでSSL証明書を発行しようとした際にいくつかエラーにはまったので、記事にしておきます。
ゴール
Terraformを使ってACMでSSL証明書を発行する
認証方法はRou...