Next.js の SDK を利用して Sitecore をヘッドレス CMS で開発をする際の各種ヒントを個別のトピックとして紹介しています。ここでは一覧で表示していますので参考にしてください。

環境を準備する

• Sitecore Headless - Next.js 評価環境の構築

• Sitecore Headless - Next.js ステージングの追加

• Sitecore Headless - Sitecore First に変更する

サンプルコードを動かす

• ナビゲーションを分離する

• Hero エリアの部品を作成する（前編）

• Hero エリアの部品を作成する（後編）

• コンポーネントの作成

• コンポーネントの作成とテンプレート連携 - テキスト編

• コンポーネントの作成とテンプレート連携 - 画像編

• コンポーネントの作成とテンプレート連携 - 日付と数字編

• コンポーネントの作成とテンプレート連携 - リンクフィールド編

• コンポーネントの作成とテンプレート連携 - チェックボックス編

• コンポーネントの作成とテンプレート連携 - コンテンツリスト編

• コンポーネントの作成とテンプレート連携 - ファイル編

• プレースホルダーの作成]

• ルートアイテムの作成

Tips シリーズ

• Next.js に Google Tag Manager を設定する

• Tailwind.css を Next.js のサンプルに適用する

• 多言語サイトのコンテンツに切り替える

サンプルサイトを構築シリーズ

• Next.js SDK を利用してサンプルサイトを構築 - Part.1

• Next.js SDK を利用してサンプルサイトを構築 - Part.2

• Next.js SDK を利用してサンプルサイトを構築 - Part.3

• Next.js SDK を利用してサンプルサイトを構築 - Part.4

• Sitecore ヘッドレス と Next.js でサイト構築 - Vercel 環境の構築