投稿日: May 18, 2021

AWS Amplify Hosting は、設定を要しない Next.js フレームワークを使用して構築されたサーバーサイドレンダリング (SSR) アプリのデプロイとホスティングのサポートを開始しました。フロントエンドデベロッパーは、SSR アプリをデプロイするために Amplify Hosting の CI/CD とホスティング機能のすべてを活用できるようになりました。Next.js は、ビルド時の静的サイト生成 (SSG) と動的サーバーサイドレンダリング (SSR) を組み合わせた React フレームワークであり、デベロッパーが優れたパフォーマンスを発揮する SEO 対応のウェブアプリを構築することを可能にします。Amplify Hosting は、SSR API ルート、動的ページ、自動事前レンダリングなど、バージョン 9.x.x のすべての Next.js 機能をサポートしています。

Next.js アプリは、設定を必要とせずに、Amplify コンソールを使用してデプロイできます。使用を開始するのに必要なのは、Next.js Git リポジトリからブランチを接続することだけです。Amplify は、Next.js ビルド設定を自動的に検出してブランチをデプロイし、https://branchname.amplifyapp.com で利用できるようにします。Next.js デベロッパーは、PR プレビュー、簡単なカスタムドメイン、パターンベースのブランチのデプロイ、パスワード保護、リダイレクト、カスタムヘッダーなど、Amplify のすべてのビルドおよびホスティング機能を活用できます。さらに、デベロッパーは Amplify CLI または Admin UI を使用してアプリバックエンド (認証、データなど) を追加し、Amplify JavaScript クライアントライブラリを使用してアプリに統合できます。Amplify JavaScript は、クライアント (ブラウザ) とサーバーの両方でユーザーのセッションをシームレスに管理します。これにより、デベロッパーは SSR 動的ページおよび API ルートで認証呼び出しと認証済み API リクエストを行うことができます。

Amplify Hosting は、米国東部 (バージニア北部)、米国東部 (オハイオ)、米国西部 (オレゴン)、米国西部 (北カリフォルニア)、アジアパシフィック (ムンバイ)、アジアパシフィック (ソウル)、アジアパシフィック (シンガポール)、アジアパシフィック (シドニー)、アジアパシフィック (東京)、アジアパシフィック (シドニー)、カナダ (中部)、欧州 (フランクフルト)、欧州 (アイルランド)、欧州 (ロンドン)、欧州 (パリ)、欧州 (ストックホルム)、南米 (サンパウロ) といった 16 の AWS リージョンでご利用いただけます。

使用を開始するには、開始方法についてのブログをご覧ください。