ヘッダーとフッターを追加する
今回は Next.js のアプリに対してヘッダーとフッターを追加していきます。今回は特に外部との連携は入れていません。
ブログ
ブログの記事を時系列で確認することが出来ます
NextUI の Dark モードを有効にする
Web サイトでライトモードとダークモードを切り替えることができるようになっています。私個人も、ダークモードを利用しています。今回はこれを NextUI で実装する手順を確認していきます。
NextUI を利用する
これまで動かしていたサンプルは、最低限のデザインも入っておらず、文字を表示する程度の動きでした。もう少し見た目をきれいにするべく、今回はプロジェクトで NextUI を利用できるようにしていきます。
Sitecore Search - 画面のローカライズ
これまで、Search Starter Kit を利用して検索ページを作っていましたが、いくつかの項目を変更するだけで日本語での表示が可能となります。今回はいくつかの項目を翻訳指定いきます。
Sitecore Seach - ファセットの設定
これまでブログで紹介してきたように、クロールの際に JavaScript で属性を設定することができます。実際にファセットの動きを確認して、属性を増やしていく手順を今回は紹介します。
Sitecore Search - PDF の取り扱い
Sitecore Search は HTML 以外にもドキュメントに関しても検索をすることができます。今回は、PDF のファイルを対象にする手順を紹介していきます。
Sitecore Search - 複数言語のコンテンツインポート（後編）
前回はコンテンツに関して URL を利用した ID を作成するところまで進めました。今回は、ロケールの部分を外して、多言語でのクロールの機能を使っていく部分を紹介していきます。
Sitecore Search - 複数言語のコンテンツインポート（前編）
多言語サイトにおける検索結果で、1つのコンテンツの言語の違い、という情報を持たせる形でソースを作成することができます。この手順に関して、2回に分けてソースを作成する手順を紹介していきます。
Source を利用したクロールの結果を確認
サイトのデータをクロールした際に、何がエラーになっているのかを確認することで、失敗した際に何が問題になっているのかを明確にすることができます。今回はこの手順を紹介します。
Sitecore Search - Document Extractor で JavaScript を利用する
Web サイトのコンテンツに関して、コンテンツのタイプを指定したいとします。例えばブログであれば blog 、製品情報であれば products のように設定をしていく形です。今回は、この部分を JavaScript で処理をする手順を紹介していきます。
Next.js に Google Tag Manager を設定する ( App Router 編 ）
前回作成をした Next.js の App Router のサンプルに対して Google Tag Manager を設定したいと思います。これを使うことで、アナリティクスもそうですが、Sitecore の他の製品との連携なども簡単にできる、というのがあります。
Next.js の App Router について
Next.js で利用しているルーティングの処理が、13.4 から新しい App Router に切り替わりました。従来の仕組みは Page Routing という形になり、従来の仕組みはもちろん利用できますが、新しい App Routing でアプリが今後主流になってきます。そこで、今回はこの App Router に関して確認をしていきます。