JSS Next.jsアプリでGraphQLを使う

JSS Next.jssアプリは、GraphQLでさまざまなデータ取得オプションを可能にします。

!重要アプリが切断モードで動作している場合はGraphQLを使用できません。代わりに、以下のことを確認してください:

• アプリの フェッチメソッド はRESTに設定されています。

• アプリにはnextjs-styleguideアドオンが含まれています。

新規または既存のJSS Next.jsアプリケーションを設定すれば、Sitecore GraphQLエンドポイントにクエリを割り当てることができ、同等のAPIを使わずに済むRESTです。

• レイアウトや辞書データを取得するためにJSS GraphQL APIを使うNext.jsアプリケーションを作成するには、アプリ作成時に GraphQL を選択します。
• もしNext.js JSSアプリをRESTデータ取得方法にして作成した場合、サンプルJSS Next.jsアプリを GraphQLに再設定できます。

!注JSS GraphQL APIを使ってSitecoreデータを取得するだけでなく、接続GraphQLを使った通常のJavaScriptアプリケーション開発時と同様に、エンドポイントGraphQLクエリも可能です。また、コンポーネントレベルでクエリを実行するために接続GraphQLを使うこともできます。

GraphQL型とTypeScriptの静的データ型型付けを用いて、リッチなIDEアシストで型保護コードを書くには、GraphQLスキーマを内省することができます。