Headless SXA - コンポーネントウィザードを利用する
Sitecore のコンポーネントを作成することで、簡単にドラッグ&ドロップのコンポーネントを作成することができます。今回はこのコンポーネントを作るときに便利なウィザードを紹介します。以前に紹介している手順は以下の通りです。
このサイトでブログを提供しています。
Sitecore のコンポーネントを作成することで、簡単にドラッグ&ドロップのコンポーネントを作成することができます。今回はこのコンポーネントを作るときに便利なウィザードを紹介します。以前に紹介している手順は以下の通りです。
XM Cloud ではプロジェクトで複数の環境を用意して運用、開発をすることが可能です。今回は Promote の動作に関して確認をしていきます。
Typescript のサンプルを作るところまでで、Playwright は何も出てきませんでした。今回は早速、追加していきたいと思います。
ブログでは Playwright に関してしばらく取り上げていきます。というのも、検索結果に対してそのページのスクリーンショットを利用したい、というニーズに対応する簡単なサンプルを作っていくことにします。
昨日は簡単に macOS で環境を整えてみましたが、今回は Windows 11 で WSL と連携する Docker の環境を整えていきます。これにより、開発は Linux で進めていきながら、Windows の環境にある Visual Studio Code と連携して作業ができるようになります。
また後日 Search のネタに戻りますが、その前に Search と連携するためのツールを少し用意したいと思います。そのために、今回は Docker の環境を整えていきます。まずは macOS 版、明日は Windows の環境を私はこうしてます、的なメモ程度のものですが紹介しておきます。
前回はページを少し見やすくするために、Tailwind.css を適用しましたが、今回は Preview Search の Widget でも利用する方法を紹介します。
Sitecore Search のサンプルに関しては、まだサンプルのコード、および見た目は何も制御していません。今回は、このプロジェクトに Tailwind.css および NextUI を利用できるように変更していきます。
前回は Sitecore Search のウィジットを追加することができるように、言語切替えのボックスのみ準備をしました。今回は、ウィジットを追加して検索結果を表示したいと思います。
これまでブログでは Sitecore Search SDK を利用して検索結果を表示していました。今回から数回に分けて、Next.js のプレーンな環境に対して Widget を追加していく形で、実際のどういう形で動いているのかを紹介していきます。