Sitecore JSS - Headless SSR - Part.1
今回は JSS のアプリの展開方法について紹介をします。利用するのは前回までの JSS のアプリ、そして Sitecore のインスタンスを利用して、Node.js のアプリケーションホスティングを利用して、サイトを公開する形です。
ブログの記事を時系列で確認することが出来ます
今回は JSS のアプリの展開方法について紹介をします。利用するのは前回までの JSS のアプリ、そして Sitecore のインスタンスを利用して、Node.js のアプリケーションホスティングを利用して、サイトを公開する形です。
今回は、Sitecore JavaScript Services の動作モードに関して紹介をしていきます。サンプルは Part 2 で作成した空のテンプレートをベースに、接続モードを説明していく形です。
前回は JSS のサンプルアプリとして提供されている React のアプリを起動、Sitecore に React アプリの展開という手順を紹介しました。今回は、サンプルデータの削除、日本語データの追加という手順を紹介します。
これまで何回かに分けて Next.js のアプリに関して紹介をしていました。Next.js は React を利用して構築されたフレームワークで、React に関しても理解しておくほうが良いです。ということで、このブログでは基本に立ち戻って、しばらく React に関しての紹介をしていきます。今回は、React のアプリを起動するところまで進めます。
前回はエクスペリエンスエディターを利用した設定に関して紹介をしました。Next.js のアプリを作っていく際に、Sitecore で管理しているコンテンツを使いながら開発することはできるのでしょうか?今回は開発中に Sitecore のデータを参照する設定について、紹介します。
これまで 2 回にわたって基本的なポイントを紹介していましたが、今回は Next.js で作っているページを Sitecore のみたまま編集ツールであるエクスペリエンスエディターと組み合わせて動かす手順を紹介します。
前回は、Next.js のテンプレートからサンプルデータを削除して、日本語のコンテンツを表示するところまで紹介をしました。今回は、このサンプルのサイトを Sitecore Experience Platform と連携させる手順を紹介します。
前回は Sitecore をインストールするための環境として、 VMware Fusion で仮想マシンを構築しました。今回は、Sitecore Experience Platform 10.1 をインストール、最終的に macOS からアクセスできるようにします。
Sitecore JSS の開発をする場合、Node.js が動けば問題ないため macOS の環境でも開発が可能です。しかしながら、Sitecore は Windows の環境で動作する形となるため、macOS で開発をするためには別途環境を整える必要があります。今回は、VMWare Fusion を利用して Sitecore JSS の開発をするための環境を整える方法を紹介します。Windows の場合も Hyper-V を利用して、今回は macOS で環境を整える方法として紹介をします。
Sitecore 10.1 から Sitecore Headless Service は標準機能として提供することになりました。合わせて静的サイトに対応した React ベースの Next.js の SDK もリリースをしました。今回から数回に分けて、Next.JS SDK を利用してサンプルサイトを構築する手順をブログでシリーズ化して紹介をしていきます。
Sitecore Content Hub のユーザー権限は、ユーザーグループに所属する形で付与されます。権限に関しては追加されていく形の権限設定となります。今回はこれに関して簡単に紹介をします。
今回は Box と Sitecore Content Hub の DAM との連携するサンプルを作成しながら、開発のための基本的な手順を紹介していきます。Box にファイルを配置したものが、自動的に Sitecore Content Hub にアセットとして追加されて、承認待ちのステータスになる様に設定するところまで紹介します。