Next.js Sitecore JSS React、Angular、Vue.jsのJSSとの違い
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
SitecoreのNext.js SDKには、他のSitecore JavaScript SDKとの重要な違いがいくつかあります。
アーキテクチャとデプロイ
Next.jsには、ビルド時とランタイムの静的生成 (SG) の組み込みオプションが用意されています。
そのままでは、Next.js SDKはSGやSitecore Experience Edge for XMによるSitecore追跡やパーソナライゼーションをサポートしていません。
Next.jsはサーバーサイドレンダリング (SSR)、SGおよびインクリメンタル静的生成、書き換えの設定、プロキシをネイティブにサポートしているため、本番環境のデプロイにヘッドレスSSRプロキシを使用する必要はありません。
SSRとSitecore Layout Service REST APIを使用すると、Sitecoreの追跡と分析をJSS Next.jsアプリに 統合できます。
エクスペリエンス エディターなどの高度なSitecoreエディターとの統合には、個別のデプロイは必要なく、HTTPレンダリング エンジンのみがサポートされます。
Sitecore Content ManagementサーバーにNode.jsをインストールする必要はありません。
アプリケーションをSitecore Content Managementロールにデプロイする必要はありません。
発達
JSS for Next.jsを使用してJSSアプリケーションを開発する場合、他のフレームワーク固有のSitecore JavaScript SDKよりも定型コードが少なくなります。
Next.jsサンプルには、次の特性があります。
-
これは、簡略化されたコンポーネントファイルシステム構造を備えています。
-
Next.jsはTypescriptをサポートしているため、サンプル アプリでは既定でTypescriptを使用します。
-
これには、GraphQLスキーマタイプのコード生成が含まれます。
-
コンテナ化されたテンプレートに基づいて作成できます。このテンプレートは、Sitecoreファーストのワークフローに最適化されています。
特に、Next.jsでJSSを使用する場合は、次の点に注意してください。
-
JSS CLIコマンドjss deploy appまたはjss deploy filesは使用しないでください。
-
コードファーストの項目のインポートにはjss deploy itemsを使用します。
-
package.jsonファイルでsitecoreDistPathを構成する必要はありません。
-
LinkおよびRichTextフィールド ヘルパー コンポーネントは、クライアント側のルーティングをすぐにサポートします。
-
ソリューションに .graphqlファイルを追加したり、Sitecoreデータ モデル (テンプレート) に変更を加えたりする場合は、GraphQLイントロスペクションを更新する必要があります。
-
Next.jsアプリは、Sitecoreメディア要求をプロキシするように設定されています。したがって、レイアウト サービスではサーバー URLは除外されます。