--- title: "サーバーサイドレンダリングJSSアプリケーション" slug: "server-side-rendering-jss-applications" abstract: "SEOを改善し、Sitecore編集者との連携を可能にする" --- # サーバーサイドレンダリングJSSアプリケーション サーバーサイドレンダリング(SSR)は、Experience EditorやHorizonなどのSitecoreエディターとの統合を可能にするために不可欠です。Sitecoreエディターは、ページをプリレンダリングする際に新たに追加されるコンポーネントのレンダリングマークアップを見つけることに依存しています。 したがって、Sitecoreエディターでコンテンツ作成者がデータをインライン編集できるようにするために、Content Management (CM)サーバー上でSSRを使用することが必須です。Content Delivery(CD)サーバーでは、SSRを使用する主な理由はSEOコンプライアンスを保証することです。 検索エンジンにインデックスしたいコンテンツがある場合は、JSSアプリケーションをサーバーサイドでレンダリングすることをおすすめします。 ユーザーポータルのようなユーザー固有の情報をレンダリングするウェブアプリや、インデックス化すべきでない動的インターフェース(eコマースのチェックアウト、食品の注文など)にはSSRの使用は推奨されません。 サーバーサイドでJSSアプリケーションのレンダリングを支援するために、Sitecoreは [レンダリングエンジン](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/rendering-engines-and-jss.html "Rendering engines and JSS")を提供しています。接続してSitecoreに展開する各JSSアプリケーションは、異なるレンダリングエンジンを使用するように設定できます。 React、Angular、Vue.jsのJSSサンプルアプリを基に、サーバー側JSSアプリケーションのレンダリングオプションはいくつかあります。 - [サーバーサイドレンダリングJSSアプリを統合モードで](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/server-side-rendering-jss-apps-in-integrated-mode.html "Server-side rendering JSS apps in integrated mode")表示します。 - [サーバーサイドではSitecore Experience Edgeエンドポイントを使ってJSSアプリをヘッドレスでレンダリング](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アプリのレンダリング](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")。 > !ヒント[JSSアプリがサーバー側レンダリングに対応している](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/best-practices-for-ssr-compatible-jss-apps.html "Best practices for SSR compatible JSS apps")か必ず確認してください。 Next.jsサンプルに基づく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")を使用しています。