Using GraphQL with JSS
This is a live example of using Integrated GraphQL and Connected GraphQL with a JSS app. For more information on GraphQL use in JSS, please see the documentation.
GraphQL Integrated Demo
Integrated GraphQL executes GraphQL queries within the Layout Service endpoint, and merges the query results into the Layout Service result JSON. The query results can be seen by inspecting the Layout Service response.
Datasource Item (via Integrated GraphQL)
id: 997138FC82BE5750B893ED5583250766name: graphql-JssNextWeb-jss-graphql-layouAA5279FD61B218B765529D0BD436B167BC3A0F1B6AF2CAB9CD7C51239E972151
sample1: Hello integrated GraphQL world!
sample1 (editable): Hello integrated GraphQL world!
sample2:
- text: GraphQL lets you get structured field data too
- url: https://www.sitecore.com
- target: _blank
- editable: GraphQL lets you get structured field data too
- field type: General Link
- field is shared?: false
Route Item (via Integrated GraphQL)
id: A25DF9564773559F887B92FBC2E95D8Dpage title: GraphQL | Sitecore JSS
children:
- Sample 1 Page Title (editable title too! Sample 1 Page Title)
- Sample 2 Page Title (editable title too! Sample 2 Page Title)