---
title: "ヘッドレスサーバーサイドレンダリングモード"
slug: "headless-server-side-rendering-mode"
abstract: "JSSアプリケーションのレンダリングをSitecoreから切り離す"
---
# ヘッドレスサーバーサイドレンダリングモード

Sitecore外で本番のJSSアプリケーションをサーバーサイドレンダリング(SSR)するには、ヘッドレスサーバーサイドレンダリングモードを使用できます。これにより、Node.jsやExpressをサポートする任意のプラットフォームでアプリケーションをデプロイ・実行できるため、低コストのレンダリングエンジンのスケーリングが可能になります。

レンダリングはAzure App Service、Vercel、Netlify、Herokuなどの人気プラットフォームを用いたNode.jsサーバーによって行われます。

アプリケーションは、さまざまな [ヘッドレスサービスやAPI](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/services-and-apis.html "Services and APIs")へのHTTPリクエストを用いてSitecore Content Deliveryサーバーからデータを取得します。

ヘッドレスサーバーサイドレンダリング型JSSアプリケーションは、完全なSitecoreマーケティングおよびパーソナライズサポートを備えています。

このモードの理想的な使い方は、JSSアプリケーションのレンダリングをSitecoreやマルチチャネルAPIの使用から切り離すことです。

以下の図は、ブラウザからSitecoreデータベースへのリクエストの流れを示しています。

![Flow of requests for JSS apps in headless server-side rendering mode.](https://doc.sitecore.com/api/markdown-image/xp/ja/developers/hd/19/sitecore-headless-development/images/ApplicationModesHeadlessSSR16_.svg)

## 使用例

React、Angular、VueのJSSで構築されたJSSアプリケーションでヘッドレスサーバーサイドレンダリングモードを使用するには、[sitecore-jss-proxyでのヘッドレスサーバーサイドレンダリング](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")や[Experience Edge for XMエンドポイントを使ったヘッドレスサーバーサイドレンダリング](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/server-side-render-jss-apps-headlessly-using-a-sitecore-experience-edge-endpoint.html "Server-side render JSS apps headlessly using a Sitecore Experience Edge endpoint")のドキュメントを参照してください。

JSS用JSSで構築されたJSSアプリケーションについては、[JSS Next.jsアプリのプリレンダリング手法やデータ取得戦略](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/prerendering-methods-and-data-fetching-strategies-in-jss-next-js-apps.html "Prerendering methods and data fetching strategies in JSS Next.js apps")のドキュメントを参照してください。