{
    "componentChunkName": "component---src-templates-article-page-template-js",
    "path": "/concepts/headless-content-management/",
    "result": {"data":{"markdownRemark":{"frontmatter":{"title":"Headless content management","slug":"headless-content-management","updated":"2023-02-14T00:00:00.000Z","category":"concepts-content-management","ingress":"This article explains how data can be edited through Console and how it can be queried using the Asset Delivery API.","skills":null},"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Pages is a lightweight headless content management system that allows\nyou to build content pages. Pages can be created and edited through the\nFlex Console, and the data can be queried via API, allowing you to edit\ncontent pages through a visual interface."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"how-is-pages-headless","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#how-is-pages-headless","ariaLabel":"how is pages headless permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"How is Pages \"headless\"?"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The Pages feature allows content editors to make changes to content\npages without having to touch code. Pages is a “headless” feature, where\nthe content is decoupled from the frontend, and can be accessed via API."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"In Flex, the presentational layer, or frontend, is usually FTW (if you\nare not using a custom client application), and the content is the data\nthat is managed through Pages. The headless architecture allows you to\nrender the content in any client you choose, as it can be retrieved by a\ncall to the Flex API."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"To illustrate further, here is an example of how data fetched from the\nAPI maps to visual elements in the default “About page” in FTW:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 635px; "},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/docs/legacy/static/283de3207a451ea7a56fc80ca03be3e4/88689/data.png","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 60.37735849056604%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAABYlAAAWJQFJUiTwAAACYklEQVQoz22TTU/UUBSG5we41aUb/Fj5MSphYdSoMXFpkKgrF/4AFxiRBWHhVyKRDRoiRE1GBRnEsIAYF2pcISoMGzEmMnRG0qFDp9NOp+297b2d15wrHR31JCc397Z97nnPeZtqNBr4O/8JOvvjmZQx4vhXJmfJmqLDKIoQhmFz1TQNWj4PbXUVbt1D3fObyRgHD0NUbQd1z1PQBEjZBNqOA6NcxrphYEXTUCibyBeK0PUSSoaBDdNEza0raMAYbKcGPwgUUErZCqSqZBShwQNELEBQWsPa1Bic1e+ouy64WwMPfFUtQRgPFZD2QcBUxUkoYCwEdNvFh2IZC+tVzH0r4O3rN1heKWC57GDuxwa0igPOmIKRopJRhr5uwKm5YJzD9wNwHiIlJPVAIrtcQjrzGUcnlnA4u4Qzs1/RNfMF6Ykc9mQ+4VGuCCBGJKSqiKQnUpXszSGlpBCq1IX3Mxjqu4TRwT7cvt6Lq9d6cedmP0ZudWP0ylnMTT8EXc0YU6CKVVU9TSRTRkL8BuZejWPgwkH0dHbg4vEDuNx5BN3nTqHn/En0dx3Cu/FhhBJw3TqSvlMfCRpGkQIKAlI/KDIjQ9ixdQvad7WhY3cbju3didMd+3GiPY1927fh/sAN9Z4aoIxhVe2WYTSHQuVTfJyfx73Bu3j8YBgvxp5iOvscs1OTmH05iclnT7C0uKjeowL+a/5NLzZ96HmekkB+9AMGISVCIZScuNEADY8mStP0fB9mxVJ78iTtxWbrUokxTdNEnv4OTYOu67BtG5ZloVq11GWcc5Ukmb4hgBCyxdgE/AkNf2SwJvITRAAAAABJRU5ErkJggg=='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n  "},{"type":"element","tagName":"picture","properties":{},"children":[{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/283de3207a451ea7a56fc80ca03be3e4/82e29/data.webp 159w","/docs/legacy/static/283de3207a451ea7a56fc80ca03be3e4/ef33f/data.webp 318w","/docs/legacy/static/283de3207a451ea7a56fc80ca03be3e4/f1837/data.webp 635w","/docs/legacy/static/283de3207a451ea7a56fc80ca03be3e4/29549/data.webp 953w","/docs/legacy/static/283de3207a451ea7a56fc80ca03be3e4/c5420/data.webp 1270w","/docs/legacy/static/283de3207a451ea7a56fc80ca03be3e4/387a2/data.webp 1778w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/webp"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/283de3207a451ea7a56fc80ca03be3e4/8b9b5/data.png 159w","/docs/legacy/static/283de3207a451ea7a56fc80ca03be3e4/fa108/data.png 318w","/docs/legacy/static/283de3207a451ea7a56fc80ca03be3e4/53fb6/data.png 635w","/docs/legacy/static/283de3207a451ea7a56fc80ca03be3e4/5a426/data.png 953w","/docs/legacy/static/283de3207a451ea7a56fc80ca03be3e4/91155/data.png 1270w","/docs/legacy/static/283de3207a451ea7a56fc80ca03be3e4/88689/data.png 1778w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/png"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"src":"/docs/legacy/static/283de3207a451ea7a56fc80ca03be3e4/53fb6/data.png","alt":"How data is rendered on the about page","title":"How data is rendered on the about page","loading":"lazy","decoding":"async","style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;"},"children":[]},{"type":"text","value":"\n        "}]},{"type":"text","value":"\n  "}]},{"type":"text","value":"\n    "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"querying-the-asset-delivery-api","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#querying-the-asset-delivery-api","ariaLabel":"querying the asset delivery api permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Querying the Asset Delivery API"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The content you edit through Console can be queried through the Asset\nDelivery API. FTW queries this data automatically and renders the\ncontent on dynamic content pages using it. Learn more about how FTW\nrenders content pages "},{"type":"element","tagName":"a","properties":{"href":"/docs/legacy/ftw/page-builder/"},"children":[{"type":"text","value":"here"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"A basic query to the Asset Delivery API to fetch the content of the\nlanding page looks like this:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"div","properties":{"className":["gatsby-highlight"],"dataLanguage":"bash"},"children":[{"type":"element","tagName":"pre","properties":{"className":["language-bash"]},"children":[{"type":"element","tagName":"code","properties":{"className":["language-bash"]},"children":[{"type":"element","tagName":"span","properties":{"className":["token","function"]},"children":[{"type":"text","value":"curl"}]},{"type":"text","value":" https://cdn.st-api.com/v1/assets/pub/client_id/content/pages/landing-page.json"}]}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Remember to replace "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"client_id"}]},{"type":"text","value":" with your client ID."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Through the Flex SDK, this query is formatted as:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"div","properties":{"className":["gatsby-highlight"],"dataLanguage":"js"},"children":[{"type":"element","tagName":"pre","properties":{"className":["language-js"]},"children":[{"type":"element","tagName":"code","properties":{"className":["language-js"]},"children":[{"type":"text","value":"sdk"},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"."}]},{"type":"element","tagName":"span","properties":{"className":["token","function"]},"children":[{"type":"text","value":"assetByAlias"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"("}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"{"}]},{"type":"text","value":"\n  "},{"type":"element","tagName":"span","properties":{"className":["token","literal-property","property"]},"children":[{"type":"text","value":"path"}]},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":":"}]},{"type":"text","value":" "},{"type":"element","tagName":"span","properties":{"className":["token","string"]},"children":[{"type":"text","value":"'content/pages/landing-page.json'"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":","}]},{"type":"text","value":"\n  "},{"type":"element","tagName":"span","properties":{"className":["token","literal-property","property"]},"children":[{"type":"text","value":"alias"}]},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":":"}]},{"type":"text","value":" "},{"type":"element","tagName":"span","properties":{"className":["token","string"]},"children":[{"type":"text","value":"'latest'"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":","}]},{"type":"text","value":"\n"},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"}"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":")"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":";"}]}]}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"You can try this out in the\n"},{"type":"element","tagName":"a","properties":{"href":"https://sharetribe.github.io/flex-sdk-js/try-it-in-the-playground.html","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"SDK playground"}]},{"type":"text","value":",\ncurl, or by pasting the Asset Delivery API query into your web browser's\naddress bar. If you fetch the data through your browser, you should see\nsomething like this:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 635px; "},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/docs/legacy/static/62305ba2e2e296fabf05619ed177be57/6c116/example-data.png","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 55.9748427672956%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAABYlAAAWJQFJUiTwAAABV0lEQVQoz1WS6a6CUAyEz/s/HW6IqKCIkbiGxUSJpObrzRjuj2bacphOl1AUhW23W9vv95ZlmeNut3MfJN5sNpbnub9T/nA4WFmWbpfLxfq+t8/nYyFNU1ssFrZarSyOY7dxnCSJzWazX4y/XC79zXw+9yKIEnmgIqQyHoDkUQYRKnmMSnwMkuPxaLfbzbqus7qu7fV6WeAnKvEjasbkkFJARMSQnE4nq6rKEcLn8+mkwzD8KYyiyFugFdoCaU0+BUEKgojQnDERv99vCyiQOlC+5omvMeiNcvjkIaNdlHrLalWEGHlsvV47QoAqNoqdz2e7Xq/WNI21beuEvy1PJpN/irRlyPhOXjHL4WQwZguqCMSuUGeAD4HmBQn+WL2KsSQKQPp4POx+v/tiAm3oAwMGiTkLHbMOX74OG8Nn4zqfwAapqpZ1vOND1iikWiqn06lfiMQw1y/DUBkkc20HpQAAAABJRU5ErkJggg=='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n  "},{"type":"element","tagName":"picture","properties":{},"children":[{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/62305ba2e2e296fabf05619ed177be57/82e29/example-data.webp 159w","/docs/legacy/static/62305ba2e2e296fabf05619ed177be57/ef33f/example-data.webp 318w","/docs/legacy/static/62305ba2e2e296fabf05619ed177be57/f1837/example-data.webp 635w","/docs/legacy/static/62305ba2e2e296fabf05619ed177be57/29549/example-data.webp 953w","/docs/legacy/static/62305ba2e2e296fabf05619ed177be57/c5420/example-data.webp 1270w","/docs/legacy/static/62305ba2e2e296fabf05619ed177be57/7cb0c/example-data.webp 2870w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/webp"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/62305ba2e2e296fabf05619ed177be57/8b9b5/example-data.png 159w","/docs/legacy/static/62305ba2e2e296fabf05619ed177be57/fa108/example-data.png 318w","/docs/legacy/static/62305ba2e2e296fabf05619ed177be57/53fb6/example-data.png 635w","/docs/legacy/static/62305ba2e2e296fabf05619ed177be57/5a426/example-data.png 953w","/docs/legacy/static/62305ba2e2e296fabf05619ed177be57/91155/example-data.png 1270w","/docs/legacy/static/62305ba2e2e296fabf05619ed177be57/6c116/example-data.png 2870w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/png"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"src":"/docs/legacy/static/62305ba2e2e296fabf05619ed177be57/53fb6/example-data.png","alt":"Example data","title":"Example data","loading":"lazy","decoding":"async","style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;"},"children":[]},{"type":"text","value":"\n        "}]},{"type":"text","value":"\n  "}]},{"type":"text","value":"\n    "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"This is the raw JSON API response that encodes the content and structure\nyou have entered into Console. Try pasting the response into your\npreferred code editor to make it easier to interpret:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 635px; "},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/docs/legacy/static/ee2ceffd45bcff56be6a363c5eac7684/c4c49/formatted.png","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 64.15094339622641%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAACXBIWXMAABYlAAAWJQFJUiTwAAABTklEQVQ4y41TW3KDMBDjHsWP9ds4wWTSJr3/xdRZE1KmCdCPHTNrj6SVlo5Iw6eEkAuk0uj7DwghIIVoZ/uWcrP6vocxBrf7HdM0odNaQxPBWAOfC0LM0EpBCLkLtBQTKqVQa0XJCR0RtQZfpvGCPBRkZ56Pd8H45CmkRIwRWslfQK6QT0jlDG+4dww412yL86FhvCicrjckZ9G/Adsi4H4IAaQVOjZ0URjLiKGckO1MIlbBLGBigyilBKP1CpB9OFXUr2/UcUR0tjFyQHwuBFsK2cMGuPaQ/fBpaCprDm10bw2yt7CGDkaOjfypkC+M8/ApY8ipqWIfW/XHI794qJVGLOe24N7ZJp+T/m8oaRl5HYoiQq5XpGFAIAVLtLs6a9VvAXlJbUg4Xz7hQ2wK1dGCPxZ7yBmW/ip8JKmtQ64XREfNl/0FF+03nQUo/ACoPGaAo6gzPQAAAABJRU5ErkJggg=='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n  "},{"type":"element","tagName":"picture","properties":{},"children":[{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/ee2ceffd45bcff56be6a363c5eac7684/82e29/formatted.webp 159w","/docs/legacy/static/ee2ceffd45bcff56be6a363c5eac7684/ef33f/formatted.webp 318w","/docs/legacy/static/ee2ceffd45bcff56be6a363c5eac7684/f1837/formatted.webp 635w","/docs/legacy/static/ee2ceffd45bcff56be6a363c5eac7684/29549/formatted.webp 953w","/docs/legacy/static/ee2ceffd45bcff56be6a363c5eac7684/c5420/formatted.webp 1270w","/docs/legacy/static/ee2ceffd45bcff56be6a363c5eac7684/97afd/formatted.webp 2150w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/webp"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/ee2ceffd45bcff56be6a363c5eac7684/8b9b5/formatted.png 159w","/docs/legacy/static/ee2ceffd45bcff56be6a363c5eac7684/fa108/formatted.png 318w","/docs/legacy/static/ee2ceffd45bcff56be6a363c5eac7684/53fb6/formatted.png 635w","/docs/legacy/static/ee2ceffd45bcff56be6a363c5eac7684/5a426/formatted.png 953w","/docs/legacy/static/ee2ceffd45bcff56be6a363c5eac7684/91155/formatted.png 1270w","/docs/legacy/static/ee2ceffd45bcff56be6a363c5eac7684/c4c49/formatted.png 2150w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/png"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"src":"/docs/legacy/static/ee2ceffd45bcff56be6a363c5eac7684/53fb6/formatted.png","alt":"Example data formatted","title":"Example data formatted","loading":"lazy","decoding":"async","style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;"},"children":[]},{"type":"text","value":"\n        "}]},{"type":"text","value":"\n  "}]},{"type":"text","value":"\n    "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"This data is meant for your client application to interpret. FTW can\nautomatically render a landing page using this data."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"info","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Read more about the structure of page asset data:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"/docs/legacy/references/page-asset-schema/"},"children":[{"type":"text","value":"Page asset schema reference"}]}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"To see how changes in the Console are reflected in the actual data,\nlet’s make a change to the landing page through Console. Edit the title\nvalue through the Page Editor:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 635px; "},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/docs/legacy/static/fa533c17ba91a9c0d3ba01d12738fcd2/090d4/console-change.png","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 73.58490566037736%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAYAAADkmO9VAAAACXBIWXMAABYlAAAWJQFJUiTwAAABMklEQVQ4y52UjW7DIAyE8/4Pum6d1KRgMGDwbaYj6l/UZkQnCwlO3xnI9HU8YTkTiCKWxSHGhJTKvzWllJFSgohAVVFrQ611t0oR5FwwhcDIOa+GUOwftke1e0yGSSHAk4dUgULRVLHnG+tF6iWyCx6eA5JkxJLAknp9pbGOJaNoRTFC5ksPvXNIzGjWQ4vftMcw6RuysRJGZhBR74E12GprbdXYsN3CK8OV0PvVcJgO2fya5CWhJ8ZyPqOUcmNyb2y0w/CGUO8Jc+mU1zE34z2J/0DIzD2yXc5OdUc2iLfiPhBmDiDvEEPopzwO4tmmzYu9EsYAmg+Y529ImlGqQFpF0/a2qlWMlxID/PwB546QPEPQ/lRRmryvcbHt6dnf5vh5QCRCtlP3HjHE3U+6/kb+Aey3nqtF3RNZAAAAAElFTkSuQmCC'); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n  "},{"type":"element","tagName":"picture","properties":{},"children":[{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/fa533c17ba91a9c0d3ba01d12738fcd2/82e29/console-change.webp 159w","/docs/legacy/static/fa533c17ba91a9c0d3ba01d12738fcd2/ef33f/console-change.webp 318w","/docs/legacy/static/fa533c17ba91a9c0d3ba01d12738fcd2/f1837/console-change.webp 635w","/docs/legacy/static/fa533c17ba91a9c0d3ba01d12738fcd2/29549/console-change.webp 953w","/docs/legacy/static/fa533c17ba91a9c0d3ba01d12738fcd2/c5420/console-change.webp 1270w","/docs/legacy/static/fa533c17ba91a9c0d3ba01d12738fcd2/b1b24/console-change.webp 1480w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/webp"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/fa533c17ba91a9c0d3ba01d12738fcd2/8b9b5/console-change.png 159w","/docs/legacy/static/fa533c17ba91a9c0d3ba01d12738fcd2/fa108/console-change.png 318w","/docs/legacy/static/fa533c17ba91a9c0d3ba01d12738fcd2/53fb6/console-change.png 635w","/docs/legacy/static/fa533c17ba91a9c0d3ba01d12738fcd2/5a426/console-change.png 953w","/docs/legacy/static/fa533c17ba91a9c0d3ba01d12738fcd2/91155/console-change.png 1270w","/docs/legacy/static/fa533c17ba91a9c0d3ba01d12738fcd2/090d4/console-change.png 1480w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/png"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"src":"/docs/legacy/static/fa533c17ba91a9c0d3ba01d12738fcd2/53fb6/console-change.png","alt":"Changing a value through Console","title":"Changing a value through Console","loading":"lazy","decoding":"async","style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;"},"children":[]},{"type":"text","value":"\n        "}]},{"type":"text","value":"\n  "}]},{"type":"text","value":"\n    "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Fetch the most recent data from the Asset Delivery API either through\nthe SDK or through your browser. You’ll see that the change we made in\nConsole is now visible in the JSON data:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"div","properties":{"className":["gatsby-highlight"],"dataLanguage":"json"},"children":[{"type":"element","tagName":"pre","properties":{"className":["language-json"]},"children":[{"type":"element","tagName":"code","properties":{"className":["language-json"]},"children":[{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"{"}]},{"type":"text","value":" "},{"type":"element","tagName":"span","properties":{"className":["token","property"]},"children":[{"type":"text","value":"\"data\""}]},{"type":"text","value":" "},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":":"}]},{"type":"text","value":"\n   "},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"{"}]},{"type":"element","tagName":"span","properties":{"className":["token","property"]},"children":[{"type":"text","value":"\"sections\""}]},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":":"}]},{"type":"text","value":" "},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"["}]},{"type":"text","value":"\n       "},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"{"}]},{"type":"text","value":" "},{"type":"element","tagName":"span","properties":{"className":["token","property"]},"children":[{"type":"text","value":"\"title\""}]},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":":"}]},{"type":"text","value":"\n          "},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"{"}]},{"type":"text","value":"\n            "},{"type":"element","tagName":"span","properties":{"className":["token","property"]},"children":[{"type":"text","value":"\"content\""}]},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":":"}]},{"type":"text","value":" "},{"type":"element","tagName":"span","properties":{"className":["token","string"]},"children":[{"type":"text","value":"\"Test title\""}]},{"type":"text","value":"\n            ..."}]}]}]}],"data":{"quirksMode":false}},"headings":[{"value":"How is Pages \"headless\"?","depth":2},{"value":"Querying the Asset Delivery API","depth":2}]}},"pageContext":{"slug":"headless-content-management","category":"concepts-content-management"}},
    "staticQueryHashes": ["3794076007","439097193","717698143"]}