GraphQL Connected Demo

Connected GraphQL executes GraphQL queries directly against the Sitecore GraphQL endpoint. You can review the query execution in the browser devtools network tab. Note that Apollo Client maintains a query cache - so the same query will not execute twice (i.e. after route changes) unless either the page is refreshed, or the fetch policy is set to not use the cache. Consult the Apollo documentation for details.

Datasource Item (via Connected GraphQL)

id: {{ queryResult.data.datasource.id }}
name: {{ queryResult.data.datasource.name }}
sample1: {{ queryResult.data.datasource.sample1.value }}
sample1 (editable):
sample2:
  • text: {{ queryResult.data.datasource.sample2.text }}
  • url: {{ queryResult.data.datasource.sample2.url }}
  • target: {{ queryResult.data.datasource.sample2.target }}
  • editable:
  • field type: {{ queryResult.data.datasource.sample2.definition.type }}
  • field is shared?: {{ queryResult.data.datasource.sample2.definition.shared.toString() }}

Route Item (via Connected GraphQL)

id: {{ queryResult.data.contextItem.id }}
page title: {{ queryResult.data.contextItem.pageTitle.value }}
children:

GraphQL query is loading...