Next.js JSSアプリでRESTとGraphQLを切り替える
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
JSS Next.jsアプリケーションでは、Sitecore Layout Service REST APIまたはSitecore GraphQL Edgeスキーマ を使用して、レイアウトとディクショナリのデータをフェッチできます。
プロジェクトの作成後に、Sitecore APIと対話するときに使用するJSSサービスをアプリケーションに指示することで、データ取得方法を変更することができます。具体的には、JSS Layout APIとJSS GraphQL APIによって提供されるRESTサービスとGraphQLサービスを切り替える必要があります。
この手順では、環境変数を更新する必要があります。ローカル開発の場合は、.envファイル内の変数を更新します。Vercelにデプロイする場合は、Vercelダッシュボードのプロジェクト設定で環境変数を更新する必要があります。その他のホスティングサービスについては、そのサービスの推奨事項に従って、アプリケーションの環境変数を提供します。
RESTサービスからGraphQLサービスへの切り替え
RESTサービスからGraphQLサービスへの切り替え
Next.jsサンプル アプリケーションをRESTからGraphQLに切り替えるには:
-
環境変数で、変数FETCH_WITHの値をGraphQLに置き換えます。
GraphQLサービスからRESTサービスへの切り替え
GraphQLサービスからRESTサービスへの切り替え
Next.jsサンプル アプリケーションをGraphQLからRESTに切り替えるには:
-
環境変数で、変数FETCH_WITHの値をRESTに置き換えます。
-
JSSアプリケーションでnextjs-sxaアドオンを使用している場合は、/src/lib/layout-service-factory.tsファイルで、RestLayoutServiceオブジェクトのconfigurationNameパラメータ値が 'sxa-jss'であることを確認してください。