Zenn
🌥️

Next.js v13 + AWS Amplify Hosting + SSG

2023/09/24に公開
AWS
Next.js
Amplify
SSG
tech

設定に少し手こずったので備忘録。

Node.js: v16.14.0
Next.js: v13.0.0
  • AppRouterは使用しない
    • Amplify側が対応していないのか、デプロイは成功するがホスティングがされない
  • ビルド設定の参照ディレクトリ先を変更する
    • artifacts: baseDirectory: out
  • platformとframeworkが想定外の値が適用される場合があるので、AWS CLIで変更する
    • 特にplatformがWEB_COMPUTEになっていることがある
aws amplify update-branch --app-id ${value} --branch-name main --framework 'Next.js - SSR'
aws amplify update-app --app-id ${value} --platform WEB

本当は密に開発が行われているVercelを使用したいところだが、他のサービスと統一してAWSで管理したいという気持ちもある。
AmplifyがNext.jsの開発スピードに追いつくのはまだまだ先になりそう。

Discussion