JSSの特徴と機能

開発者がSitecoreデータに基づくモダンでクロスプラットフォーム、スケーラブルかつ高性能なフロントエンドアプリケーションを作成するのを支援するために、Sitecore JavaScriptレンダリングSDK(JSS)には以下が含まれます:

• JSSアプリケーションの作成を案内してくれる使いやすい イイギナイザ です。

• JSS CLI - アプリケーションの保守を支援するNodeベースのコマンドラインツール。

• RESTまたはGraphQLを用いたSitecoreヘッドレスサービスとSitecore Experience Edgeエンドポイントを活用するためのコアJavaScriptパッケージです。

• Sitecoreを宣言的に扱えるような、フロントエンド開発者向けの抽象化です。

• 動的なSitecoreデータ取得の複雑さを抽象化するユーティリティ関数やフロントエンドコンポーネント。

• 人気のあるフロントエンドフレームワーク向けの専用SDK:

  • Next.js (12.0+).
  • React(17.0+)です。
  • アングル(11.2+)です。
  • Vue.js (3.1+)。
  • React Native(実験的)です。

  Next.jsのようなフレームワークは開発のオーバーヘッドを削減し、開発パターンを標準化します。

• Sitecoreインスタンスから切断または接続された場合でも作業するためのワークフローやアプリケーションモード。フロントエンドとバックエンドの開発チームは並行して作業できます。

• フレームワーク固有のツールに関する限定的な意見集であり、開発者がコード最適化、テーマ化やスタイリング、辞書データの表示、検索エンジン最適化など、クラス最高で馴染みのあるツールを活用できるようにします。

• 公式にサポートされているアプリケーションサンプルを使った開発環境の簡単なセットアップ。アプリケーションサンプルには、各フレームワーク固有のSDKの使い方を文書化した例が含まれています。

• Multiple rendering options - フレームワーク固有のSDKで作成されたアプリケーションは、JSSが提供するフレームワーク機能(Next.js)やツールを用いてサーバーサイドでレンダリングされ、検索エンジン最適化の向上が可能です。Next.jsアプリケーションでは、静的生成、増分再生、ハイブリッドレンダリングも利用できます。

• 高度なSitecoreエディターの統合、コンテンツおよびレイアウト管理の維持、プレビュー機能のサポート。

• Sitecoreの言語バージョン管理、ローカライズされたルート、言語デフォルトを活用した 多言語アプリケーションのサポート。

• Sitecoreの体験管理と最適化のサポート。

• Sitecore MVCアプリケーションのサポートにより、開発者はJSSを使って静的HTMLとしてMVCアプリケーションを生成できます。JSS実装全体をJavaScriptに固定するわけではありません。JSSアプリケーションは、.NETコアや従来のMVCアプリケーションと同一Sitecoreインスタンス内で共存できます。そのため、開発チームはハイブリッドスタックを使い、JSSを使ってMVCアプリケーションを段階的にNext.js/Reactに移行できます。