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