yasutomogのブログ

Software Engineerの雑記

Amplify

Amplify + Next.js + microCMSのプレビュー環境について

概要 株式会社トライビート| TRIBEAT CO., LTD. では、数年前からJamstackなWebサイトやECサイトの構築を推進(提案)しており、年々こういったご相談を受けることが増えています。 選定技術はそのときの顧客要件によって変わりますが、Amplify、Next.js、m…

AmplifyプロジェクトでCognito送信者のLambdaトリガーを設定してみた

概要 Amplifyプロジェクトで普通にAuthを追加してMFA対応していた SMS認証コードとEMail認証コードはそれぞれCognito標準機能を使っていたが、TwilioやSendGridなどの別サービスで送るための対応が必要になった Cognitoから認証コードを送るときに、カスタム…

Next.js on Amplifyの503エラーの続き

概要 yasutomo.hatenablog.com 上記ブログの続き AmplifyでNext.jsをデプロイしたタイミングだと問題なく動くが、あるタイミングからCloud Frontの503エラーになっていた 上記事象が発生するのは、同じAmplifyプロジェクト上で同じソースコードで構築したhos…

Next.js on Amplifyの503エラー

yasutomo.hatenablog.com yasutomo.hatenablog.com また雑多なメモを残しておきます。 概要 Amplify上でNext.jsを動かすときに503エラーが発生 ネットで調べていると色々と情報はでてくるが、自分がハマったケースは大きく2つ Next.jsでISRをしているときに…

AmplifyでNext.jsをSSRしたときのビルドログ出力先

yasutomo.hatenablog.com 昨日、上の記事を書きましたが、Advent Calendarにまだ空きがあるので、雑多なメモを残しておきます。 概要 Amplify環境でNext.jsのアプリケーションを構築 Next.jsでは、ページによってSSG、ISR、SSRを使い分けている 課題 SSRして…

複数のAmplifyプロジェクトを使った開発方法

トライビートという会社の札幌オフィスで開発全般やってます。 気づいたらもう12月ですね。 AWS Amplify Advent Calendar 2021のカレンダー2は、まだ空きが多いので、今年開発していく中で得た知見をメモとして残しておきます。 qiita.com 概要 Amplifyの複…

Amplifyで発生したビルドエラーの原因と解決案(Jamstack&Nuxt.js)

概要 Nuxt.jsでSSGしたものをAmplify上でhostingするJamstack構成 GitHubにPushされるとAmplify上でSSGされる流れ Amplifyプロジェクトを新規に構築していく中で、3件連続ビルドエラーを経験したのでまとめる 前提 node.js:v14.17.0 amplify-cli:4.51.1 nu…