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: 2DB5FF0A795B59338D39C3C900174644name: graphql-jss-graphql-layout-A9FBC7CC-F00B-58A2-873B-4C70C726476C-0-GraphQL-IntegratedDemo-1
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: 4BD05787F78A5C93899B4D8EE81CD24Bpage 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)