Shinichi Haramizu's blog

このサイトではサイトコアの製品に関する Tips を中心にブログを書いています。

カルーセルコンポーネントを作成する（前編）

カスタムコンポーネントの練習としてよくあるカルーセルの作成、今回は XM Cloud のコンポーネントにする手続きを元に作ってみたいと思います。作業量はあまりありませんが、説明が長くなるので分けて紹介をします。今回は前編です。

Rendering Contents Resolvers の動作確認

今回は Sitecore XM / XM Cloud で提供している便利な機能、Rendering Contents Resolvers について取り上げます。レンダリングの定義で複数の定義が用意されており、これを活用することで効率よくコンポーネントを作成することができます。

NextUI を利用できるようにする

すでに手元で動かしているサンプルは Tailwind.css を利用していますが、もう一歩進んで NextUI を今回は適用したいと思います。これは Next.js を提供している Vercel が提供しているユーザーインターフェイスツールとなります。

Bring own your component でコンポーネントを追加する

これまでブログでは Headless SXA の仕組みで登録をするコンポーネント、Sitecore Components を利用してノーコードで作成するコンポーネントを紹介しました。今回はこれと違って、コンポーネントを持ち込む、という感じの実装を紹介します。