Next.js 用の Sitecore JavaScript レンダリング SDK (JSS)
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
Next.js は React 上にビルドされたフレームワークで、開発者が最低限の設定やボイラープレート コードで本番用のアプリケーションを作成できるようにすることを目的としています。
Next.js 用の JSS は、Next.js の機能を多数使用して、開発のワークフローとエクスペリエンスを簡素化、強化しています。
このモジュールは、Sitecore JavaScript レンダリング SDK の一部として提供されています。Next.js のコンポーネントと JSS 用の統合が含まれています。
次の動画では、Next.js の利点を説明しています。
YouTube 上で Master Sitecore "Headless & JSS" のプレイリスト全体を見る。
以前の JSS SDK への改善点
Next.js 用の JSS は、React 用、Angular 用、Vue.js 用の JSS とは一線を画しています。
他のフレームワーク固有の SDK と比較して、Next.js 用の JSS を使用する主な利点には次のようなものがあります。
-
開発中のサーバー側レンダリング (SSR) を含む、開発と本番のランタイム パリティ。
-
アプリケーション モードとデプロイメントの要件が少なくなる。
-
本番または Sitecore トラッキング統合中の SSR には、ヘッドレス SSR プロキシが不要。
-
高度な Sitecore コンテンツやレイアウト エディタとより簡単に統合でき、アプリケーション バンドルを Content Management インスタンスにデプロイする必要がない。
Next.js 用の JSS でサポートされる機能
Next.js 用の JSS は、次の機能をサポートしています。
-
Next.js の静的 HTML のエクスポート、静的サイトの増分生成、サーバー側レンダリング、およびハイブリッド レンダリング。
-
Next.js ファイルベースのルーターと Sitecore レイアウト サービスを経由した作成者が定義する動的 URL。
-
作成者が定義したページ レイアウトに基づく動的コンポーネント レンダリング。
-
さまざまな種類の Sitecore フィールドをレンダリングするためのヘルパー コンポーネント。
-
Sitecore リンクおよびリッチ テキスト フィールドでの Next.js のクライアント側ルーティングのサポート。
-
Sitecore の言語バージョンと Next.js の国際化ルーティングによる国際化サポート。
-
Sitecore の分析とパーソナライゼーションのサポート。この機能には、Next.js アプリを SSR し、Sitecore レイアウト サービス REST API を使用する必要があります。
-
JSS コードファースト ワークフローとモック Sitecore サービスのサポート。
-
一般的な使用例を示す TypeScript 対応アプリのサンプル。
-
コンポーネント レベルの CSS、コード分割、高速更新など、その他の Next.js の組み込み機能。
-
Vercel デプロイメントと互換性のあるアプリ。