---
title: "JSS Next.jsアプリのデプロイメントオプション"
slug: "deployment-options-for-jss-next-js-apps"
abstract: "JSS Next.jsアプリのホスティングオプションの概要"
---
# JSS Next.jsアプリのデプロイメントオプション

Next.jsアプリケーションは、プリレンダリングフォームや好みに応じて様々なサービスでホスティング可能です。

> !重要[JSSプロキシを使ったヘッドレスサーバーサイドレンダリング](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/walkthrough--rendering-a-jss-app-server-side-using-the-headless-jss-proxy.html "Walkthrough: Rendering a JSS app server-side using the headless JSS proxy") は、*Next.js JSSアプリケーションには必要も互換性もありません*。
> 
> [統合モードで](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/start-a-jss-app-in-integrated-mode.html "Start a JSS app in integrated mode")のNext.js JSSアプリケーションの本番ホスティングはサポートされていません。

## Vercelでの展開

Next.jsの開発者であるVercelは、*Next.jsに最適化*されたデプロイおよびホスティングソリューションを提供しています。これらは、インクリメンタル静的サイト再生、ハイブリッドレンダリング、国際化など、すべてのNext.js機能を箱から即用でサポートしています。あなたのアプリケーションはソース管理から直接展開でき、Vercelのエッジネットワークやサーバーレス機能を通じて最適化されます。Vercelへのデプロイに関する詳細は以下のリソースをご覧ください:

-   [ウォークスルー:JSS Next.jsアプリをVercelにデプロイ](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/walkthrough--deploying-jss-next-js-apps-to-vercel.html "Walkthrough: Deploying JSS Next.js apps to Vercel")する方法。
-   [Vercelデプロイメントに関するNext.jsのドキュメント](https://nextjs.org/docs/deployment#vercel-recommended)。

## Node.jsサーバー

Next.js JSSアプリは、Node.jsをサポートするあらゆるホスティングプロバイダーや環境に展開可能です。詳細については、以下のリソースをご覧ください:

-   [Node.jsサーバーのデプロイに関するNext.jsドキュメント](https://nextjs.org/docs/deployment#nodejs-server)。
-   [Next.jsとDockerに関する議論](https://github.com/vercel/next.js/discussions/16995)。

## 静的HTMLエクスポート

完全静的なHTMLエクスポートでNext.js JSSアプリを展開したい場合は、next exportを使う際[のサポートNext.js機能の制限](https://nextjs.org/docs/advanced-features/static-html-export#caveats)を理解しておく必要があります。詳細については以下のリソースを参照してください。

-   [ウォークスルー:JSS Next.jsアプリを次のエクスポートで静的なHTMLファイルにエクスポート](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/walkthrough--export-a-jss-next-js-app-to-static-html-files-with-next-export.html "Walkthrough: Export a JSS Next.js app to static HTML files with next export")します。
-   [Next.jsの静的HTMLエクスポートに関するドキュメント](https://nextjs.org/docs/advanced-features/static-html-export)。
-   [静的レンダリングNext.jsウェブサイトをStatic Web Apps PreviewでデプロイするためのMicrosoftガイドAzure。](https://docs.microsoft.com/en-us/azure/static-web-apps/deploy-nextjs)

> !重要JSS Next.jsアプリケーションで高度なSitecoreエディターを使うには、たとえアプリを静的next export HTMLとしてエクスポートしても、Content Managementロールでアクセス可能なNext.jsインスタンスを実行しなければなりません。

## コンテンツ公開時にWebhookをトリガーする

静的生成でアプリケーションをプリレンダリングしたり、next exportで静的HTMLを展開したりする際は、新しいコンテンツの公開時にnext buildとサイト展開をトリガーする必要があります。これを促進するために、ヘッドレスサービスやSitecore Experience Edge for XM Sitecoreウェブフックを呼び出すことができます。SitecoreウェブフックをVercelデプロイフックで活用できます。