多言語サイトにおける言語フォールバックの設定
すでに 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 を利用して確認していきます。
Vercel Deployment Protection を有効にして JSS のアプリを展開する
前回は Vercel の設定の際に Vercel Deployment Protection に関して簡単に紹介をしましたが、アプリの動作を変更することで正しく Vercel Deployement Protection を利用できるようになります。
XM Cloud を展開した後の Vercel 設定のポイント
これまで Vercel に展開する手順を紹介していましたが、今回は展開後のいくつかの設定を紹介していきます。Edition による違いも今回は取り上げます。
Sitecore Next.js 21.4.0 から 21.5.0 の差分
前回は新しい Next.js のプロジェクトを動かすところまで実行しましたが、実際に 21.4.0 から 21.5.0 に対する差分の確認もできます。せっかくなので見てみましょう。
Headless SXA の新規プロジェクトを作成する
これまでプロジェクトに含まれている Haedless SXA のプロジェクトを利用していましたが、これは以前から提供している Next.js と違いはあるのでしょうか？今回は新しい Next.js のアプリを準備して動かすところまで進めてみます。