1か月ほどブログの記事を掲載していませんでしたが、これまでの Tips を改めてまとめるシリーズを作成するために少し時間をいただきました。今回のシリーズで、Sitecore Headless を手元で動かし、サーバーに反映させて、実際に Web サーバーに展開するという形が可能な環境を構築していきたいと思います。

前提条件
今回は以下のような環境を用意していきます。
- Microsoft Azure に Sitecore Experience Manager 10.2 をセットアップ
- ローカルの環境で Sitecore Experience Manager 10.2 を Docker の環境で動くようにする
- GitHub のリポジトリを利用して、いつでもローカルの環境を作ることができるようにする
- GitHub と Vercel を連携させて、スムーズに新しいコードを展開できるようにする
上記の内容を実施していく上での手順はすでにブログで紹介をしているため、手順を細かく説明するという形ではなく、過去のブログの記事を紹介していきながら、サーバーの環境、ローカルの環境を整えていく形で紹介を進めていきます。
サーバーの準備
今回はサーバーの準備ということでまずは Azure の上に仮想マシンを立ち上げました。インストールに関しては以下の手順を参考に進めていきます。なお、バージョンに関しては最新版を利用していますので、その部分は新しいバージョンのファイルに合わせてセットアップを進めてください。
- Sitecore Experience Manager 10.2 のインストール
- Sitecore Experience Accelerator インストール
- Sitecore Headless Rendering インストール
- Sitecore Horizon
インストールをしたモジュールは以下の通りです。
- Sitecore Experience Manager 10.2
- Sitecore Experience Accelerator 10.2
- Sitecore Headless Rendering 20.0.0
- Sitecore Horizon 10.2
- Sitecore Management Service
Sitecore Management Service のモジュールは、Sitecore CLI のページからダウンロードが可能です。
動作確認
インストール後の動作確認として、以下のような手順で確認をしていきます。
- コンテンツエディターを開きます
- Sitecore - Content のアイテムを選択、右クリックします
- 以下のようなダイアログが表示されれれば、SXA および Headless Rendering のインストールは完了しています

- sitecore - system - Settings - Services - API Keys の下に新しい API キーのアイテムを作成します
- パブリッシュします
- 作成した API を利用して、CM サーバー / CD サーバーの両方で API キーが有効になっていることを確認します
- Horizon を管理画面から起動することができるのを確認します。
- http://your-sitecore-instance/sitecore/api/layout/render/jss?item=/&sc_apikey=TEST

上記が動けば、サーバーの準備は完了となります。
まとめ
記事としては短いですが、ここがベースとなって今後進んでいきます。次回は、Docker コンテナを利用いしたいと思います。