なったよ！

Deploy a Next.js 13 app to AWS with Amplify Hosting | Amazon Web ServicesJune 27, 2024: This blog post covers Amplify Gen 1. For new Amplify apps, we recommend using Amplify Gen 2. You can learn more about Gen 2 in our launch blog post. Today, AWS Amplify Hosting announces Next.js 12 and 13 support. Your app can take advantage of Next.js features including server-side rendering (SSR), API routes, middleware, […]

 aws.amazon.com

ざっくりと、下記の改善が入っているとのことです。

1. Faster builds. Next.js apps deploy at least 3x faster, helping developers deliver changes to production faster.
   ビルドが少なくとも3倍は早くなった。
2. Amazon CloudWatch integration. Server-side logs are delivered to Amazon CloudWatch, allowing teams to observe, monitor and troubleshoot their apps.
   Amazon CloudWatch と統合され、サーバサイドのログの確認や、アプリケーションの監視などができるようになった。
3. Next.js apps work seamlessly with Amplify back-ends such as Authentication and Data.
   Next.js のアプリケーションが Authentication や Data といった Amplify のバックエンドとシームレスに使えるようになった。
4. Fully managed hosting infrastructure reduces operational overhead for development teams, with fewer resources to manage in your AWS account. To learn more about pricing visit https://aws.amazon.com/amplify/pricing/.
   フルマネージドのホスティング環境により、AWSアカウントでのリソース管理を少なくする。(これは元々では?)

上記記事にチュートリアルもありますが、こちらでもデプロイまでをざっくり紹介します。

手順

手元で Next.js のプロジェクトを作成します。

% npx create-next-app@latest next-app --ts
% cd next-app
% git init
% git add .
% git commit -m "Create Next App"

GitHub にリポジトリを作成し、pushします。

% git branch -M main
% git remote add origin git@github.com:[your-account]/next-app.git
% git push -u origin main

AWS Amplify コンソールでプロジェクトを作成し、上記リポジトリと連携します。

デプロイを待ちます。

デプロイできたら、ページを確認しましょう。

SSRなども使えるので、ぜひ試してみてください!