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