Sitecore Community GraphQL Cookbook

Get Layout Service Response

GraphQL query to retrieve the layout details for a specific path. This is being used the JSS SDK when the layout details for a specific page/path
Source: JSS SDK
    JSS SDKDelivery API

JSON Variables

Query

JSON Response

1{
2  "data": {
3    "layout": {
4      "item": {
5        "rendered": {
6          "sitecore": {
7            "context": {
8              "pageEditing": false,
9              "site": {
10                "name": "graphql-demo"
11              },
12              "pageState": "normal",
13              "editMode": "chromes",
14              "language": "en",
15              "itemPath": "/"
16            },
17            "route": {
18              "name": "Home",
19              "displayName": "Home",
20              "fields": {
21                "Title": {
22                  "value": "graphql-demo"
23                },
24                "Content": {
25                  "value": ""
26                },
27                "NavigationFilter": [],
28                "NavigationTitle": {
29                  "value": "graphql-demo"
30                },
31                "NavigationClass": null,
32                "SxaTags": [],
33                "Page Design": null
34              },
35              "databaseName": "master",
36              "deviceId": "fe5d7fdf-89c0-4d99-9aa3-b5fbd009c9f3",
37              "itemId": "cd482bb4-4e6f-4702-9667-8ca56944ec67",
38              "itemLanguage": "en",
39              "itemVersion": 1,
40              "layoutId": "96e5f4ba-a2cf-4a4c-a4e7-64da88226362",
41              "templateId": "ec9f21e3-f1bf-4c77-95e2-162bde223b4a",
42              "templateName": "Page",
43              "placeholders": {
44                "headless-header": [],
45                "headless-main": [],
46                "headless-footer": []
47              }
48            }
49          }
50        }
51      }
52    }
53  }
54}