翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。

# Amplify ホスティングでサーバーサイドレンダリングされたアプリのデプロイ
<a name="server-side-rendering-amplify"></a>

を使用して AWS Amplify 、サーバー側のレンダリング (SSR) を使用するウェブアプリケーションをデプロイおよびホストできます。Amplify ホスティングは Next.js フレームワークを使用して、作成されたアプリケーションを自動的に検出するため、 AWS マネジメントコンソールで手動設定を行う必要はありません。

Amplify は、アプリケーションのビルド出力を Amplify ホスティングが想定するディレクトリ構造に変換するオープンソースのビルドアダプターを備えた Javascript ベースの SSR フレームワークもサポートしています。例えば、使用可能なアダプターをインストールすることで、Nuxt、Astro、SvelteKit フレームワークで作成されたアプリをデプロイできます。

上級ユーザーは、デプロイ仕様を使用してビルドアダプターを作成したり、ビルド後のスクリプトを設定したりできます。

最小限の設定で、次のフレームワークを Amplify ホスティングにデプロイできます。

**Next.js**  
+ Amplify は、アダプターを必要とせずに Next.js 15 アプリケーションをサポートします。開始するには、「[Next.js 向けの Amplify サポート](ssr-amplify-support.md)」を参照してください。

**Nuxt.js**  
+ Amplify は、プリセットアダプターを使用して Nuxt.js アプリケーションのデプロイをサポートします。開始するには、「[Next.js SSR 用の Amplify サポート](nuxt-support.md)」を参照してください。

**Astro.js**  
+ Amplify は、コミュニティアダプターを使用して Astro.js アプリケーションのデプロイをサポートします。開始するには、「[Astro.js 用の Amplify サポート](astro-support.md)」を参照してください。

**SvelteKit**  
+ Amplify は、コミュニティアダプターを使用して SvelteKit アプリケーションのデプロイをサポートします。開始するには、「[SvelteKit 用の Amplify サポート](sveltekit-support.md)」を参照してください。

**オープンソースのアダプターを開く**  
+ **オープンソースアダプターを使用する – ** 前述のリストにないアダプターの使用方法については、「[SSR フレームワークのオープンソースアダプターの使用](using-framework-adapter.md)」を参照してください。
+  **フレームワークアダプターを構築する – ** フレームワークが提供する機能を統合したいフレームワーク作成者は、Amplify ホスティングのデプロイ仕様を使用して、Amplify が想定する構造に準拠するようにビルド出力を設定できます。詳細については、「[Amplify ホスティングのデプロイの仕様を用いたビルド出力の設定](ssr-deployment-specification.md)」を参照してください。
+ **ビルド後のスクリプトを構成する – ** Amplify ホスティングのデプロイ仕様を使用して、特定のシナリオの必要に応じてビルド出力を操作できます。詳細については、「[Amplify ホスティングのデプロイの仕様を用いたビルド出力の設定](ssr-deployment-specification.md)」を参照してください。例については、[デプロイマニフェストを使用した Express サーバーのデプロイ](deploy-express-server.md)を参照してください。

**Topics**
+ [Next.js 向けの Amplify サポート](ssr-amplify-support.md)
+ [Next.js SSR 用の Amplify サポート](nuxt-support.md)
+ [Astro.js 用の Amplify サポート](astro-support.md)
+ [SvelteKit 用の Amplify サポート](sveltekit-support.md)
+ [SSR アプリケーションの Amplify へのデプロイ](#deploy-ssr-framework-app)
+ [SSR でサポートされている機能](ssr-supported-features.md)
+ [SSR デプロイのトラブルシューティング](troubleshooting-ssr-deployment.md)
+ [詳細: オープンソースアダプター](advanced-open-source-adapters.md)

## SSR アプリケーションの Amplify へのデプロイ
<a name="deploy-ssr-framework-app"></a>

この手順に従って、Amplify が想定するビルド出力に適合するデプロイバンドルを使用して、任意のフレームワークで作成されたアプリをデプロイできます。Next.js アプリケーションをデプロイする場合、アダプターは必要ありません。

フレームワークアダプターを使用する SSR アプリケーションをデプロイする場合は、最初にアダプターをインストールして設定する必要があります。手順については、「[SSR フレームワークのオープンソースアダプターの使用](using-framework-adapter.md)」を参照してください。

**SSR アプリケーションを Amplify ホスティングにデプロイするには**

1. にサインイン AWS マネジメントコンソール し、[Amplify コンソール](https://console.aws.amazon.com/amplify/)を開きます。

1. **[すべてのアプリ]** ページで、**[アプリの新規作成]** を選択します。

1. **[Amplify で構築を開始]** ページで、自分の Git リポジトリプロバイダーを選択し、**[次へ]** を選択します。

1. 「**リポジトリブランチを追加**」ページで、以下の操作を行います。

   1. 接続するリポジトリの名前を選択します。

   1. 接続するリポジトリブランチの名前を選択します。

   1. [**次へ**] を選択します。

1. **[アプリの設定]** ページで、Amplify は Next.js SSR アプリを自動的に検出します。

   別のフレームワークのアダプターを使用する SSR アプリケーションをデプロイする場合は、Amazon CloudWatch Logs を明示的に有効にする必要があります。**[詳細設定]** セクションを開いて、**[サーバーサイドレンダリング (SSR) のデプロイ]** セクションで **[SSR アプリのログを有効にする]** を選択します。

1. アプリケーションには、Amplify がログを AWS アカウントに配信するために引き受ける IAM サービスロールが必要です。

   サービスロールを追加する手順は、新しいロールを作成するか、既存のロールを使用するかによって異なります。
   + 新規ロールを作成するには:

     1. **[新しいサービスロールの作成と使用]** を選択します。
   + 既存のサービスロールを使用するには:

     1. **[既存のロールを使用する]** を選択します。

     1. サービスロールリストで、使用するロールを選択します。

1. [**次へ**] を選択します。

1. **[レビュー]**ページで、**[保存してデプロイ] **を選択します。