XM Cloud のレイアウト処理を確認する
XM Cloud で提供している Next.js をベースにした SDK に関して、実際にどういう動きをしているのか？というのを簡単に取り上げてみたいと思います。今回は、レイアウト編です。
XM Cloud
世界トップクラスのエンタープライズ対応CMSで、適切なコンテンツをあらゆる場所で素早く作成、管理、配信できます。
Sitecore Components のご紹介
Sitecore XM Cloud の Advent Calendar 2023 の最後の記事として、Sitecore Components を紹介します。このツールは XM Cloud で提供されるツールの一つで、これまでの Sitecore の製品には含まれていない新しいツールになります。
XM Cloud のアナリティクスとパーソナライズ
XM Cloud は Sitecore の CMS の機能だけではなく、アナリティクスとパーソナライズの機能も含める形で提供をしています。今回はこの仕組みを紹介します。
Headless SXA で用意されているグリッドの設定、スタイルの動作確認
Headless SXA の Basic サイトは Bootstrap 5 を利用しています。スタイルシートのデータをどういう形で管理するのが良いか、を今回は確認して行きます。
多言語サイトにおける言語フォールバックの設定
すでに XM Cloud で言語を追加する方法に関して紹介をしました。多言語サイトで言語を増やしていく際に効率的に管理する仕組みとして、言語フォールバックの仕組みがあります。今回はこの機能の設定と動作確認をしていきます。
XM Cloud で利用する Rendering を追加する
Sitecore のツールと Next.js のプロジェクトが連携をして、見たまま編集を実現しています。XM Cloud ではデフォルトで１つの Rendering のインスタンスを用意していますが、別途外部で用意することができます。今回は、前回作成をした別のサイトを利用して手順を確認していきます。
XM Cloud にサイトを追加する
これまでデフォルトの Basic Site のコンテンツを利用して動作確認をしていましたが、今回は新しくブランクのサイトを作成して、新しい Next.js のプロジェクトと連携する手順を確認していきます。
Experience Edge と Netlify のサイトを連携させる
前回は XM Cloud のサイトを Netlify に展開しましたが、サイトの更新という点では build を実行した時にページが生成される形となります。そこでページを更新したあと、Netlify のサイトも更新されるように Experience Edge に設定を追加します。
Netlify に XM Cloud のサイトを展開する
静的サイトのホスティングが可能な Netlify に対して Sitecore XM Cloud と連携する Web サイトを展開する手順を確認していきます。
Preview 用のサーバーを用意する
Experience Edge の Preview を利用することで、公開前のデータを確認することが可能ということを前回確認をしました。そこで、Preview 用のインスタンスを Vercel で今回は用意してみます。
Delivery と Preview で提供しているデータの違いを確認する
前回は Experience Edge の Delivery のデータを Postman を利用して確認しました。今回は、Preview のデータはどういう形で動いているのかを確認したいと思います。
Postman を利用して Experience Edge からコンテンツを取得する
Sitecore XM Cloud はコンテンツデリバリーの仕組みとして Sitecore Experience Edge を提供しています。実際にデータがどういう形で取得できるのかを、Postman を利用して確認していきます。