既存のSitecore MVCアプリケーションをヘッドレスレンダリングでJamstackアーキテクチャに変換する
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
Sitecoreが提供するヘッドレス レンダリング ソリューションを使用すると、既存のSitecore MVCソリューションを最新のJamstackアーキテクチャに移行できます。
Jamstackを理解するには、次のビデオをご覧ください。
Sitecore Headless ServicesとSitecore JavaScript Rendering SDKs (JSS)を使用すると、ヘッドレスサービスとJSSを使用してMVCアプリケーションを静的に生成できます。
このプロセスが完了したら、コンポーネントをMVC/RazorからReact/Next.jsに段階的に変換できます。
変換プロセスには、Sitecore JavaScript Rendering SDKs (JSS)、Next.js、およびSitecore JavaScriptレンダリングSDK (JSS) for Next.jsにある程度精通している必要があります。
SXAアプリケーションには追加の考慮事項が必要であり、SXA固有の情報は後で利用可能になります。
アーキテクチャの概要
既存のSitecore MVCサイトでのJamstackアーキテクチャは、Sitecore Layout ServiceがMVCコンポーネントをHTMLにレンダリングし、それらを出力に含める機能を備えているためです。
次の図は、Experience EdgeとExperience Edgeを使用する場合のSitecore MVCコンポーネントのパブリッシュとレンダリングのプロセスNext.js表しています。
公開とレンダリングのプロセスは、次の手順で構成されます。
-
Layout Serviceは、MVCコンポーネントをHTMLとして出力し、通常のサービス出力に埋め込みます。
-
レイアウト サービスの出力は、各ページ/ルートでExperience Edgeに公開されるため、Next.jsなどのSitecoreヘッドレスSDKでクエリを実行できます。
-
Next.jsアプリケーションは、レイアウト サービスの出力に対してルートを照会し、それを1つ以上のPlaceholderコンポーネントに渡します。
-
レイアウト データにcomponentNameプロパティがないため、Sitecore Next.js SDKのPlaceholderコンポーネントは、SitecoreコンポーネントをHTMLとして事前にレンダリングされたドキュメントに直接レンダリングします。