Support enterprise governance and globalisation needs with a cloud-native architecture that’s always current, providing fast deployment cycles, auto-scaling and a self-healing infrastructure. Consider which countries share languages. React app with AEM Headless View the source code on GitHub A full step by step tutorial describing how this React app was build. Last update: 2023-08-16. It is a query language API. (AEM) It is another headless CMS solution that allows businesses to create, manage,. Browse the following tutorials based on the technology used. The site creation wizard starts. Developer. A little bit of Google search got me to Assets HTTP API. Headless CMS advantages: • Scales efficiently to multiple channels and unlocks. This includes higher order components, render props components, and custom React Hooks. : The front-end developer has full control over the app. This means you can realize headless delivery of. Documentation. An end-to-end tutorial illustrating how to build-out and expose content using AEM’s GraphQL APIs and consumed by an external app, in a headless CMS scenario. In this part of the AEM Headless Developer Journey, learn how to use the REST API to access and update the content of your Content Fragments. The following AEM documentation includes everything from essential guides for those new to the content management system (CMS) to videos, tutorials, and further learning resources to get the most out of AEM 6. Ten Reasons to Use Tagging. There's been a lot of chatter lately about AEM as a headless CMS, so I thought I'd share a post with some helpful resources! Summary of AEM - 451730. Australian retailer Big W is moving full speed ahead with Adobe Experience Manager Headless CMS. Know the prerequisites for using AEM’s headless features. Provides important information about the latest release of AEM, including what’s new, supported platforms, deprecated and removed features, and known issues. Preview URLs, using URL expressions, are set on the Content Fragment Model’s Properties. AEM Forms Headless Adaptive Forms provide a fast and efficient way to create forms for various platforms including Headless or Headful CMS, React applications, Single Page Applications (SPA), Web Apps, Mobile apps, Amazon Alexa, Google Assistant, WhatsApp, and more. Authorization. The different roles to enable the headless content. Know the prerequisites for using AEM’s headless features. The GraphiQL tool enables developers to create and test queries against content on the current AEM environment. Sign In. Salesforce CMS opens up multiple ways and channels for you to surface all the varieties of your authored content — be it marketing materials, news articles or blog posts. Price: Free. Select Create. 5 AEM Headless Journeys Learn Authoring. AEM Forms Headless Adaptive Forms provide a fast and efficient way to create forms for various platforms including Headless or Headful CMS, React applications, Single Page Applications (SPA), Web Apps, Mobile apps, Amazon Alexa, Google Assistant, WhatsApp, and more. Experience Fragments in Adobe Experience Manager Sites authoring. Content Fragment Models define the elements (or fields) that define what content the Content Fragment may capture and expose. of the application. Release Notes. Product abstractions such as pages, assets, workflows, etc. Content authors cannot use AEM's content authoring experience. Organizing Tags - While tags organize content, hierarchical taxonomies/namespaces organize tags. Headless Content Renders and GraphQL API. Headless CMS advantages: • Scales efficiently to multiple channels and unlocks. 5 The headless CMS extension for AEM was introduced with version 6. Learn About CMS Headless Development by Adobe Abstract n this part of the AEM Headless Developer Journey, learn about headless technology and why you would use it. Then Getting Started with AEM Headless as a Cloud Service described AEM Headless in the context of your own project. Chapter 7 of the tutorial uses a native Android Mobile App to consume content from AEM Content Services. . Introduction to AEM Forms as a Cloud Service. It's a back-end-only solution that. I'd like to know if anyone has links/could point me in the direction to get more information on the following - To support the headless CMS use-case. 4. They allow you to prepare content ready for use in multiple locations/over multiple channels, ideal for headless delivery. Content Fragments are editorial content, with definition and structure, but without additional visual design and/or layout. You have learned the basics of Headless CMS Authoring, with an introduction to authoring with AEMaaCS and in particular, authoring Content Fragments. Overview; Adobe Experience. AEM Headless Translation Journey - This documentation journey gives you a broad understanding of headless technology, how AEM serves headless content, and how you can translate it. Documentation AEM as a Cloud Service User Guide Create an API Request - Headless Setup. Body is where the content is stored and head is where it is presented. Learn about the concepts and mechanics of authoring content for your Headless CMS using Content Fragments. Documentation AEM 6. Learn how to model content and build a schema with Content Fragment Models in AEM. An end-to-end tutorial illustrating how to build-out and expose content using AEM’s GraphQL APIs and consumed by an external app, in a headless CMS scenario. What Is Adobe AEM? Adobe AEM is a powerful CMS used to create, edit, and manage digital content across various channels. With Headless Adaptive Forms, you can streamline the process of building forms, making it easier to collect data from your users. Experience Fragments in Adobe Experience Manager Sites authoring. Determine how content is distributed by regions and countries. Getting Started with AEM Headless - GraphQL by Adobe Docs Abstract AEM’s GraphQL APIs for Content Fragments supports headless CMS scenarios where external client applications render experiences using content managed in AEM. If auth param is a string, it's treated as a Bearer token. This grid can rearrange the layout according to the device/window size and format. For other programming languages, see the section Building UI Tests in this document to set up the test project. Learn how AEM can go beyond a pure headless use case, with options for in-context authoring and experience management. 0 versions enable the GraphQL runtime platform to expose the Content Fragments through GraphQL API. AEM Headless CMS Developer Journey. (AEM) It is another headless CMS solution that allows businesses to create, manage,. 16. Adobe Experience Manager projects can be implemented in both headful and headless models, but the choice is not binary. AEM Forms Headless Adaptive Forms provide a fast and efficient way to create forms for various platforms including Headless or Headful CMS, React applications, Single Page Applications (SPA), Web Apps, Mobile apps, Amazon Alexa, Google Assistant, WhatsApp, and more. In this part of the AEM Headless Developer Journey, learn about headless technology and why you would use it. This article builds on these so you understand how to create your own Content Fragment Models for your AEM headless project. With Headless Adaptive Forms, you can streamline the process of building. A modern content delivery API is key for efficiency and performance of Javascript-based frontend applications. AEM as a Cloud Service technical documentation - If you already have a firm understanding of AEM and headless technologies, you may want to. Develop your test cases and run the tests locally. In this. Implementing Applications for AEM as a Cloud Service; Using. GraphiQL is included in all environments of AEM (but will only be accessible/visible when you configure your endpoints). Getting Started with AEM Headless - GraphQL by Adobe Docs Abstract AEM’s GraphQL APIs for Content Fragments supports headless CMS scenarios where external client applications render experiences using content managed in AEM. 3. The latest version of AEM and AEM WCM Core Components is always recommended. AEM as a Cloud Service and AEM 6. 0 to 6. Explore tutorials by API, framework and example applications. AEM enables headless delivery of immersive and optimized media to. A collection of documentation journeys describing how to use Adobe Experience Manager as a Headless CMS. The CORS configuration must specify a trusted website origin alloworigin or alloworiginregexp for which access must be granted. json (or . Why would you need a headless CMS? IT is looking to address Agility and Flexibil. 4. It contains the following artifacts: The Quickstart jar - an executable jar file that can be used to set up both an author and a publish instance. Headless. e. In a headless setup, the presentation system (the head) is decoupled from the content management (the tail). User. AEM Headless is a CMS solution from Experience Manager that allows structured content (Content Fragments) in AEM to be consumed by any app over HTTP using GraphQL. Looking for a hands-on tutorial? Check out Getting Started with AEM Headless and GraphQL end-to-end tutorial illustrating how to build-out and expose content using AEM’s GraphQL APIs and consumed by an external app, in a headless CMS scenario. When your reader is online, your targeting engine will review the. Tutorial - Getting Started with AEM Headless and GraphQL. Select the Extension Catalog option, and search for Target in the filter. AEM Forms Headless Adaptive Forms provide a fast and efficient way to create forms for various platforms including Headless or Headful CMS, React applications, Single Page Applications (SPA), Web Apps, Mobile apps, Amazon Alexa, Google Assistant, WhatsApp, and more. Learn key concepts for creating content and authoring in AEM. Creating Content Fragment Models. Documentation. Documentation. This React application demonstrates how to query content using AEM’s GraphQL APIs using persisted queries. The current implementation of the Assets HTTP API is based on the REST architectural style and enables you to access content (stored in AEM) via CRUD operations (Create, Read, Update, Delete). At the start, you must enable Content Fragment Models for your site. This guide provides important information about the latest release of Experience Manager as a Cloud Service, including what’s new deprecated and removed features,. Design Model Advantages Disadvantages; AEM is used as a headless CMS without using the SPA Editor SDK framework. Learn how to build next-generation apps using headless technologies in Experience Manager as a Cloud Service. AEM Headless single-page app (SPA) deployments involve JavaScript-based applications built using frameworks such as React or Vue, that consume and interact with content in AEM in a headless manner. It should appear in the drop-down list when you have installed its package as described previously. With Adobe Experience Manager version 6. NOTE. I'm looking for specific HTTP RESTful API documentation for AEM Assets headless-CMS. An end-to-end tutorial illustrating how to build-out and expose content using AEM and consumed by a native mobile app, in a headless CMS scenario. For headless, your content can be authored as Content Fragments. Documentation. With Adobe Experience Manager (AEM), you can selectively access your Content Fragments, using the AEM GraphQL API, to return only the content that you need. A collection of documentation journeys describing how to use Adobe Experience Manager as a Headless CMS. AEM Technical Foundations. Headless content management is a key development for today’s web design that decouples the frontend, client-side applications from the backend, content management system. AEM Headless is a CMS solution from Experience Manager that allows structured content (Content Fragments) in AEM to be consumed by any app over HTTP using GraphQL. Seamless Headless Delivery and Multiple business challenges were solved using Content fragments & HTTP Assets API. 0 or later Forms author instance. A Headless Content Management System (CMS) is a back-end only content management system, designed and built explicitly as a content repository that makes content accessible via an API, for display on any device. AEM Forms Headless Adaptive Forms provide a fast and efficient way to create forms for various platforms including Headless or Headful CMS, React applications, Single Page Applications (SPA), Web Apps, Mobile apps, Amazon Alexa, Google Assistant, WhatsApp, and more. For more detail on ContextHub, see the developer documentation. One of the major goals for AEM as a Cloud Service is to allow experienced customers (having used AEM either on-premise or in the context of the Adobe Managed Services) to migrate to AEM as a Cloud Service as. Contributing. Click on Create Migration Set. Last update: 2023-06-27. Documentation journeys show you how AEM solves a business problem by providing a narrative that guides you through complex, interrelated processes and features. Objective. Created for: Beginner. Community. AEM Headless CMS Documentation. This document helps you understand headless content delivery, how AEM supports headless, and how. 0(but it worked for me while. After reading it, you can do the following: Headless CMS in AEM 6. While client-side GraphQL queries can also be executed using HTTP POST requests, which cannot be cached, persisted queries can be cached. Adobe first introduced its headless capabilities in Adobe Experience Manager at the Adobe Developers Live conference for digital experience. Adobe Experience Manager projects can be implemented in both headful and headless models, but the choice is not binary. The GraphiQL tool also enables users to persist or save queries to be used by client applications in a production setting. In this part of the AEM Headless Developer Journey, learn about what is required to get your own project started with AEM Headless. Oshyn. When combined with React, a headless CMS can offer several. PGA TOUR joins us to discuss key insights and best practices that helped them build a new multichannel experience for golf fans worldwide. Deeply Organized Tags - With the ability to create tags and sub-tags it becomes possible to. Learn about the concepts and mechanics of authoring content for your Headless CMS using Content Fragments. Prior to starting this tutorial ensure the following AEM instances are installed and running on your local machine:Introduction to AEM Forms as a Cloud Service. A hybrid CMS is a “halfway” solution. Clients can send an HTTP GET request with the query name to execute it. This approach enables the CMS to live up to the promise of managing content in place and publishing anywhere. Efficiently manage and scale documentation, support content creation, and publish faster with a. What you need is a way to target specific content, select what you need and return it to your app for further processing. But, this doesn't list the complete capabilities of the CMS via the documentation. Tap in the Integrations tab. Contribute to adobe/aem-headless-client-nodejs development by creating an account on GitHub. The advanced tutorial illustrates in-depth aspects of working with Content Fragment Models, Content Fragments, and the AEM GraphQL persisted queries, including using the. The Android Mobile App. This showes one of the AEM Headless CMS use. The new architecture supporting AEM as a Cloud Service involves some key changes to the overall developer experience. The TagID is added to the content node’s cq:tags property and resolves to a node of type cq:Tag. API Reference. ) that is curated by the. Learn how to create a SPA using the React JS framework with AEM’s SPA Editor. With these operation the API lets you operate Adobe Experience Manager as a headless CMS (Content Management System) by providing. Workflow Best Practices. References to other content, such as images or other Content Fragments can be dynamically inserted in-line within the flow of the text. The multi-line text field is a data type of Content Fragments that enables authors to create rich text content. With Headless Adaptive Forms, you can streamline the process of building. 5 The headless CMS extension for AEM was introduced with version 6. Headless Authoring Journey - Start here for a guided journey through the powerful and flexible headless features of AEM, their capabilities, and how. 5 Forms: Access to an AEM 6. Event Details. Experience Manager as a Cloud Service provides a scalable, secure, and agile technology foundation for Experience Manager Sites and Assets, enabling marketers and IT to focus on delivering impactful experiences at scale. Length: 34 min. Body is where the content is stored and head is where it is presented. Provide a Model Title, Tags, and Description. The headless part is the content backend, as a headless Content Management System (CMS) is a back-end only content management system, designed and built explicitly as a content repository that makes content accessible via an API, for display on any device. This involves structuring, and creating, your content for headless content delivery. In this case, /content/dam/wknd/en is selected. ” Tutorial - Getting Started with AEM Headless and GraphQL. For publishing from AEM Sites using Edge Delivery Services, click here. in our case it will be AEM but there is no head, meaning we can decide the head on our own. Adobe Experience Manager, the leading headless CMS* by Adobe Abstract Why would you need a headless CMS? IT is looking to address Agility and Flexibility Organisations want to deliver app-like experiences in addition to regular content pages Javascript frameworks like React and Angular have matured. Adobe Experience Manager helps you create next-generation digital experiences for your users and it keeps getting better with new features and developer capabilities to meet your needs. Learn about headless technologies, why they might be used in your project, and how to create. What Makes AEM Headless CMS Special. A Content author uses the AEM Author service to create, edit, and manage content. . In the previous document of the AEM headless translation journey, Get started with AEM headless translation you learned how to organize your headless content and how AEM’s translation tools work and you should now: Understand the importance. Develop Adobe Experience Manager (AEM). AEM Headless Content Author Journey - Overview; Authoring for Headless with AEM - An Introduction; Authoring Basics for Headless with AEM; Learn about using references in Content Fragments; Learn about defining Metadata and Tagging for Content Fragments; Implementing. Granite UI. Use a language/country site naming convention that follows W3C standards. 5. Adobe Experience Manager, the leading headless CMS* by Adobe Abstract Adobe Experience Manager is a headless CMS, who knew? Let's explore why organisations are evaluating headless content delivery and how AEM can help. AEM Headless Client for Node. Visit the AEM Headless developer resources and documentation. An end-to-end tutorial illustrating how to build-out and expose content using AEM and consumed by a native mobile app, in a headless CMS scenario. General CMS familiarity. First, explore adding an editable “fixed component” to the SPA. In this part of the AEM Headless Content Author Journey, you can learn the (basic) concepts and terminology necessary to understand authoring content when using Adobe Experience Manager (AEM) as a Cloud Service as a Headless CMS. 5. Description. It illustrates how multiple features work together to solve a business need in a best practices fashion. This multi-part tutorial walks through the implementation of a React application for a fictitious lifestyle brand, the WKND. This tutorial explores how AEM Content Services can be used to power the experience of an Mobile App that displays Event information (music, performance, art, etc. Developer; Content Architect; Content Author; Developer: The developer performs most of the technical configurations to enable Content Architect. Set up headless content delivery and management in AEM by Jeremy Lanssiers Overview We set up headless content delivery and headless content management by using AEM’s GraphQL to deliver and Assets API to manage content (via Content Fragments). This does not mean that you don’t want or need a head (presentation), it’s that. Rather than delivering HTML or formatted content directly, a headless CMS decouples content from presentation, enabling content to be used by a variety of front-end technologies. Author in-context a portion of a remotely hosted React application. 5 or later. This document provides and overview of the different models and describes the levels of SPA integration. Q: “How is the GraphQL API for AEM different from Query Builder API?” A: “The AEM GraphQL API offers total control on the JSON output, and is an industry standard for querying content. Last update: 2023-11-06. The Content author and other. This enablement is done in the Configuration Browser; under Tools > General > Configuration Browser. As Edge Delivery Services are part of Adobe Experience Manager and as such, Edge Delivery, AEM Sites and AEM Assets can co-exist on the same domain. Here you can enter various key details. You’ll find a range of AEM Cloud Services documentation and tutorials here to help you. Be familiar with how AEM supports headless and translation. Persisted queries are queries that are stored on the Adobe Experience Manager (AEM) server. 5 The headless CMS extension for AEM was introduced with version 6. impl. Tutorial Set up. Readers new to AEM. Headless CMS. It is not intended as a getting-started guide. ”. Documentation AEM 6. AEM Technical Foundations. In terms of authoring Content Fragments in AEM this means that:Developer. Developer. At the beginning of the AEM Headless Content Author Journey the Content Modeling Basics for Headless with AEM covered the basic concepts and terminology relevant to authoring for headless. Develop Adobe Experience Manager (AEM) applications that generate HTML5 pages that adapt to multiple window sizes and orientations. Adobe Experience Manager’s Referrer Filter enables access from third-party hosts. Persisted queries are queries that are stored on the Adobe Experience Manager (AEM) server. These remote queries may require authenticated API access to secure headless content. The GraphiQL IDE is available in AEM for you to develop, test, and persist your GraphQL queries, before transferring to your production environment. 5. AEM lets you have a responsive layout for your pages by using the Layout Container component. These are defined by information architects in the AEM Content Fragment Model editor. The following AEM documentation includes everything from essential guides for those new to the content management system (CMS) to videos, tutorials, and further learning resources to get the most out of AEM 6. Start here for a guided journey through the powerful and flexible headless features of AEM, their capabilities. In the previous document of the AEM headless translation journey, Learn about headless content and how to translate in AEM you learned the basic theory of what a headless CMS is and you should now: Understand the basic concepts of headless. Headless-cms-in-aem Headless CMS in AEM 6. Perform the following steps to create a Headless adaptive form using Adaptive Forms editor: Before you start: You require the following to create an Adaptive Form using Adaptive Forms editor: For AEM 6. A headless CMS (Content Management System) is a content management system that allows you to manage and distribute content across multiple channels, such as websites, mobile apps, and social media platforms, without being tied to a specific presentation layer. It is a traditional, monolithic CMS with a content-as-a-service (CaaS) API. Adobe Experience Manager as a Headless CMS - Where/When/Why?In this session, you'll learn how to implement headless CMS via Adobe Experience Manager in many ways. Developers need to ensure that their documentation is clear and concise to help other developers understand how the application works. 10. Tap the Technical Accounts tab. e. Experience League. The component is used in conjunction with the Layout mode, which lets. Headless implementations enable delivery of experiences across platforms and channels at scale. A primary use case for The Adobe Experience Manager as a Cloud Service (AEM) GraphQL API for Content Fragment Delivery is to accept remote queries from third-party applications or services. This end-to-end tutorial continues the basic tutorial that covered the fundamentals of Adobe Experience Manager (AEM) Headless and GraphQL. In this part of the AEM Headless Developer Journey, learn how to use the REST API to access and update the content of your Content Fragments. You have learned the basics of Headless CMS Authoring, with an introduction to authoring with AEMaaCS and in particular, authoring Content Fragments. The Story So Far. Browse the following tutorials based on the technology used. At the start, you must enable Content Fragment Models for your site. In the previous document of the AEM headless journey, Getting Started with AEM Headless as a Cloud Service you learned the basic theory of what a headless CMS is and you should now: Understand the basics of AEM’s headless features. Using the GraphQL API in AEM enables the efficient delivery of Content Fragments. Documentation: Documenting headless applications can be challenging since there is no UI to provide context. Headless CMS in AEM 6. This document helps you understand headless content delivery, how AEM supports headless, and how. Consider which countries share languages. AEM Headless Translation Journey - This documentation journey gives you a broad understanding of headless technology, how AEM serves headless content, and how you can translate it. Document Cloud release notes. . Documentation: Documenting headless applications can be challenging since there is no UI to provide context. Get an understanding of headless content delivery and implementation. What you need is a way to target specific content, select what you need and return it to your app for further processing. Experience Cloud Advocates. All 3rd party applications can consume this data. AEM Forms Headless Adaptive Forms provide a fast and efficient way to create forms for various platforms including Headless or Headful CMS,. What is a traditional CMS? This is likely the one you are familiar with. 5. 0 or later. Create your first React Single Page Application (SPA) that is editable in Adobe Experience Manager AEM with the WKND SPA. Community. It includes new asset upload module, API reference, and information about the support provided in post-processing workflows. While we were hearing a lot about new publishing concept called ‘ headless CMS’, Adobe/AEM introduced Content Fragments and Experience Fragments to fulfil the needs of the headless. Learn how to use features like Content Models, Content Fragments, and a GraphQL API to power headless content delivery. AEM 6. AEM Headless Translation Journey - This documentation journey gives you a broad understanding of headless technology, how AEM serves headless content, and. Documentation AEM 6. When combined with React, a headless CMS can offer several. These are self-contained items of content that can be directly accessed by a range of applications, as they have a predefined structure, based on Content Fragment Models. AEM’s GraphQL APIs for Content Fragments. There are many ways by which we can implement headless CMS via AEM. Quick links. The API lets you operate Adobe Experience Manager as a Cloud Service as a headless CMS (Content Management System) by providing Content Services to a JavaScript front-end application. I'm looking for specific HTTP RESTful API documentation for AEM Assets headless-CMS. Included in. ; The Content Fragment is an instance of a Content Fragment Model that represents a logical. Experience using the basic features of a large-scale CMS. AEM Headless Content Author Journey - Overview; Authoring for Headless with AEM - An Introduction; Authoring Basics for Headless with AEM; Learn about using references in Content Fragments; Learn about defining Metadata and Tagging for Content Fragments; Implementing. Authoring for AEM Headless - An Introduction. Session Details. 3. The Visual Editor allows the editorial team to manage and organize the content visually and intuitively. Implementing Applications for AEM as a Cloud Service; Using. I'd like to know if anyone has links/could point me in the direction to get more information on the following -What is Adobe AEM, what are its benefits for Magento merchants, and how to implement Adobe AEM Magento integration, and whether is it possible to migrate from AEM to headless AEM — read more in our material. . This React application demonstrates how to query content using AEM’s GraphQL APIs using persisted queries. Set up headless content delivery and management in AEM by Jeremy Lanssiers Overview We set up headless content delivery and headless content management by using AEM’s GraphQL to deliver and Assets API to manage content (via Content Fragments). But, this doesn't list the complete capabilities of the CMS via the documentation. . Storyblok is an enterprise-level Headless Content Management System with the Visual Editor. AEM Headless APIs allow accessing AEM. Ensure that UI testing is activated as per the section Customer Opt-In in this document. json where. Looking for a hands-on. It's a back-end-only solution that. Documentation home. Start here for a guided journey through the powerful and flexible headless features of AEM, their capabilities, and how to leverage them on your project. The current implementation of the Assets HTTP API is based on the REST architectural style and enables you to access content (stored in AEM) via CRUD operations (Create, Read, Update, Delete). Select the language root of your project. Content Models are structured representation of content. Why would you need a headless CMS? IT is looking to address Agility and Flexibil. The power of AEM allows it to deliver content either headlessly, full-stack, or in both. the content repository). AEM 6. . At the beginning of the AEM Headless Content Architect Journey the Introduction covered the basic concepts and terminology relevant to modeling content for headless. ; The data types Content Reference and Fragment Reference let you create relationships to other content within AEM. 5 The headless CMS extension for AEM was introduced with version 6. AEM Headless CMS Documentation. Cockpit is a free, open-source and self-hosted headless CMS that describes itself as a “content provider” and “not a website builder. Log in to AEM Author service as an Administrator. We are looking for people that are passionate about the CMS technology space with deep product knowledge and domain thought-leadership that can bring unique value to. Or in a more generic sense, decoupling the front end from the back end of your service stack. For headless, your content can be authored as Content Fragments. In this part of the AEM Headless Content Architect Journey, you can learn the (basic) concepts and terminology necessary to understand content modeling when using Adobe Experience Manager (AEM) as a Cloud Service as a Headless CMS. Meet our community of customer advocates. What is a headless CMS? A headless CMS decouples the management of the content from its presentation completely. AEM Sites videos and tutorials. Documentation. Start here for a guided journey through the powerful and flexible headless features of AEM, their capabilities, and how to leverage them on your project. An OSGi configuration for the Referrer Filter is needed to enable access to the GraphQL endpoint for headless applications over HTTP POST.