The custom AEM headless client (api/Aem. endpoint is the full path to the endpoint created in the previous lesson. adobe. The AEM Headless Client for JavaScript is used to execute the GraphQL persisted queries that power the app. Example applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). Learn about the different data types that can be used to define a schema. The <Page> component has logic to dynamically create React components based on the. The following configurations are examples. Level 3: Embed and fully enable SPA in AEM. In the previous document of the AEM headless journey, How to Access Your Content via AEM Delivery APIs you learned how to access your headless content in AEM via the. js application demonstrates how to query content using AEM’s GraphQL APIs using persisted queries. Audience. The AEM Headless Client for JavaScript is used to execute the GraphQL persisted queries that power the app. Table of Contents What is a traditional CMS? What is a headless CMS? What is a hybrid CMS? Is AEM a Headless CMS? How does AEM work in headless mode for SPAs?. Additionally, enable the GraphQL endpoint configurations that can be consumed by external applications to fetch headless content. . In the future, AEM is planning to invest in the AEM GraphQL API. npm module; Github project; Adobe documentation; For more details and code. Last update: 2023-06-23. AEM 6. Learn how to create, update, and execute GraphQL queries. AEM Local Development Access Tokens are used to accelerate the development of integrations with AEM as a Cloud Service that programmatically interacts with AEM Author or Publish services over HTTP. The AEM Headless Client for JavaScript is used to execute the GraphQL persisted queries that power the app. js (JavaScript) AEM Headless SDK for Java™. swift) contains a method makeRequest(. Developer. Example applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). The AEM Headless Client for JavaScript is used to execute the GraphQL persisted queries that power the app. js) Remote SPAs with editable AEM content using AEM SPA Editor. The AEM Headless quick setup gets you hands-on with AEM Headless using content from the WKND Site sample project, and a sample React App (a SPA) that consumes the content over AEM Headless GraphQL APIs. AEM Headless CMS Developer Journey. Start here for a guided journey through the powerful and flexible headless features of. This server-to-server application demonstrates how to query content using AEM’s GraphQL APIs using persisted queries and print it on terminal. Prerequisites. In this video you will: Learn how to create and define a Content Fragment Model. References to other content, such as images or other Content Fragments can be dynamically inserted in-line within the flow of the text. The AEM Headless Client for JavaScript is used to execute the GraphQL persisted queries that power the app. Client type. Developer. PrerequisitesExample applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). How AEM headless CMS capabilities provide exceptional experiences? AEM is a headless CMS offering flexible and customizable architecture to provide developers and marketers with the tools to create. Welcome to the documentation for developers who are new to Adobe Experience Manager headless CMS! Learn about the powerful and flexible headless features, their capabilities, and how to use them on your first headless development project. Learn. Example applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). Customise and extend the functionality of your CMS with our headless capabilities, API-first architecture and vast number of integrations. The advanced tutorial illustrates in-depth aspects of working with Content Fragment Models, Content Fragments, and the AEM GraphQL persisted queries, including using the GraphQL persisted queries in a client application. In this chapter, we replace the Home view’s title, “Current Adventures”, which is hard-coded text in Home. swift) contains a method makeRequest(. But with the AEM Headless Developer Journey you are mentioning you’ll work with both solutions so I think at the end of the journey you can see the pro’s and con’s from both solutions. api/Aem. The following are examples of possible approaches for constructing URLs for AEM GraphQL API and image requests, for several popular headless frameworks and platforms. In, some versions of AEM (6. The latest version of AEM and AEM WCM Core Components is always recommended. Workflow API: Headless AEM exposes a Workflow API that allows developers to. Adobe Experience Manager Assets as a Cloud Service offers a cloud-native, PaaS solution for businesses to not only perform their Digital Asset Management and Dynamic Media operations with speed and impact, but also use next-generation smart capabilities, such as AI/ML, from within a. Merging CF Models objects/requests to make single API. I will start with the API key. Universal Editor Introduction. Query for fragment and content references including references from multi-line text fields. This React application demonstrates how to query content using AEM’s GraphQL APIs using persisted queries. This tutorial uses a simple Node. AEM provides a Translation Integration Framework for headless content, allowing Content Fragments and supporting assets to be easily translated for use across locales. Persisted queries are GraphQL queries that are created and stored on the Adobe Experience Manager (AEM) server. js file under /utils that is reading elements from the . Learn how the Universal Editor enables what-you-see-is-what-you-get (WYSIWYG) editing of any headless and headful experience. js app. Download the latest GraphiQL Content Package v. Experience Manager Content Services allows the same content abstractions used for authoring web pages in AEM. src/api/aemHeadlessClient. 0 or later Forms author instance. 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). We’ll cover retrieving Content Fragment data from AEM’s GraphQL APIs and displaying it in the React app. AEM Headless CMS Developer Journey. Experience League. Wrap the React app with an initialized ModelManager, and render the React app. ) Content Fragments Support in AEM Assets HTTP API feature helped us to solve the multiple challenges and provide a seamless headless delivery. Prior to starting this tutorial ensure the following AEM instances are installed and running on your local machine:To learn more about authenticating requests to AEM as a Cloud Service, review the token-based authentication tutorial. AEM Headless clients operating in a production capacity typically interact with AEM Publish, which contains the approved, published content. In the future, AEM is planning to invest in the AEM GraphQL API. Example applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). When creating a GraphQL query, developers can choose different response types from html, plaintext, markdown, and json from a multi-line field. Adobe. In the previous document of the AEM headless journey, How to Access Your Content via AEM Delivery APIs you learned how to access your headless content in AEM via the. The React app should contain one instance of the <Page> component exported from @adobe/aem-react-editable-components. In this part of the AEM Headless Developer Journey, learn how to deploy a headless application live by taking your local code in Git and moving it to Cloud Manager Git for the CI/CD pipeline. X. Tap or click Create. Developers can use the JSON Preview in the Content Fragment editor to show all values of the current Content Fragment that can be returned using the GraphQL API. The srcset and sources use a custom setParams function to append the web-optimized delivery query parameter to the _dynamicUrl of the. View the source code on GitHub. Learn about the various deployment considerations for AEM Headless apps. This Next. For reference, the context. Server-to-server Node. 5. This page provides an introduction to the logical architecture, the service architecture, the system architecture, and the development architecture for AEM as a Cloud Service. Learn how to integrate AEM Headless with Adobe Target, by exporting AEM Content Fragments to Adobe Target, and use them to personalize headless experiences using the Adobe Experience Platform Web SDK’s alloy. 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. Explore tutorials by API, framework and example applications. js application is invoked from the command line. In this part of the AEM Headless Developer Journey, you will understand the steps to implementing your first headless experience in AEM including planning considerations and also learn best practices to make your path as smooth as possible. This server-to-server application demonstrates how to query content using AEM’s GraphQL APIs using persisted queries and print it on terminal. Creating a. Learn about the various data types used to build out the Content Fragment Model. js application demonstrates how to query content using AEM’s GraphQL APIs using persisted queries. Or in a more generic sense, decoupling the front end from the back end of your service stack. The following are examples of possible approaches for constructing URLs for AEM GraphQL API and image requests, for several popular headless frameworks and platforms. Tap the ellipsis next to the environment in the Environments section, and select Developer Console. AEM provides AEM React Editable Components v2, an Node. js (JavaScript) AEM Headless SDK for. How to create headless content in AEM. Example applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). The advanced tutorial illustrates in-depth aspects of working with Content Fragment Models, Content Fragments, and the AEM GraphQL persisted queries, including using the GraphQL persisted queries in a client application. Anatomy of the React app. Example applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). Adaptive Forms Core Components. : Guide: Developers new to AEM and headless: 1. Download the latest GraphiQL Content Package v. The configured AEM service’s host/domain is then used to construct the AEM GraphQL API URLs and Image URLs. The zip file is an AEM package that can be installed directly. Log in to AEM Author service as an Administrator. Example applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). Get started with Adobe Experience Manager (AEM) and GraphQL. A single-page application is a web application or website that interacts with the user by dynamically rewriting the current web page with new data from the webserver, instead of the default method of a web browser loading entire new pages. Populates the React Edible components with AEM’s content. Today’s top 27 Developer jobs in Bellingham, Washington, United States. js implements custom React hooks. Content Fragment Models Basics and Advanced features such as different Data types and respective usages. Front-end developers and back-end AEM developers need to agree on which components are necessary and a model so there is a one-on-one match from SPA components to the back-end components. The Single-line text field is another data type of Content Fragments. The last command simply renames the AEM project folder so it is clear it’s the AEM project, and not to be confused with Remote SPA_ While frontendModule="react" is specified, the ui. Rich text response with GraphQL API. Open the Program containing the AEM as a Cloud Service environment to integrate set up the Service Credentials for. An end-to-end tutorial illustrating advanced concepts of Adobe Experience Manager (AEM) GraphQL APIs. Adobe Experience Manager Headless. Then Getting Started with AEM Headless as a Cloud Service described AEM Headless in the context of your own project. Created for: Beginner. By decoupling the CMS from the presentation layer, developers have the freedom to choose their preferred front-end frameworks and technologies. Clients interacting with AEM Author need to take special care, as AEM Author is secure by default, requiring authorization for all requests, and may also contain work in progress, or unapproved. Prerequisites. js application is invoked from the command line. Browse the following tutorials based on the technology used. In this video you will: Learn how to enable GraphQL Persisted Queries. Enhancement Challenge (Optional) The WKND React app’s main view allows you to filter these Adventures based on activity type like Camping, Cycling. The AEM Headless quick setup gets you hands-on with AEM Headless using content from the WKND Site sample project, and a sample React App (a SPA) that consumes the content over AEM Headless GraphQL APIs. This is the same framework used to translate other AEM content, such as Pages, Experience Fragments, Assets, and Forms. Welcome to the multi-part tutorial for developers looking to augment an existing React-based (or Next. They can also be used together with Multi-Site Management to enable you to. Deploying a SPA that interacts AEM in a headless manner involves hosting the SPA and making it accessible via a web browser. To learn more about authenticating requests to AEM as a Cloud Service, review the token-based authentication tutorial. The GraphiQL tool also enables users to persist or save queries to be used by client applications in a production setting. The AEM Headless SDK is available for various platforms: AEM Headless SDK for client-side browsers (JavaScript) AEM Headless SDK for server-side/Node. AEM devs, join us on Nov 6 (EMEA, LATAM, NA) & Nov 15 (APAC) for Adobe Developers Live. The value of Adobe Experience Manager headless. This Android application demonstrates how to query content using the GraphQL APIs of AEM. Universal Editor Introduction. Experience Fragments are fully laid out. The AEM Headless quick setup gets you hands-on with AEM Headless using content from the WKND Site sample project, and a sample React App (a SPA) that consumes the content over AEM Headless GraphQL APIs. Tap the Technical Accounts tab. Example applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). Web Component/JS deployments differ from SPA deployments in that they don’t use a robust SPA framework, and are expected to be embedded in the context. The response of a GET request can be cached at the Dispatcher and Content Delivery Network (CDN) layers, ultimately. View the. Cloud Service; AEM SDK; Video Series. js application run from the command line to update asset metadata on AEM as a Cloud Service using Assets HTTP API. See how AEM powers omni-channel experiences. This guide uses the AEM as a Cloud Service SDK. The AEM Headless Client for JavaScript is used to execute the GraphQL persisted queries that power the app. AEM GraphQL API requests. Some content is managed in AEM and some in an external system. The GraphQL API in AEM is primarily designed to deliver AEM Content Fragment’s to downstream applications as part of a headless deployment. This tutorial builds upon the WKND GraphQL App , a React app that consumes AEM Content Fragment content over AEM’s GraphQL APIs, however does not provide any in. Headless Developer Journey: Explore this guided journey through the powerful and flexible headless features of AEM to prepare for your first headless project. Just for your information, it will also depend on the use case, not because you choose to use GraphQL, you can’t use Assets API. See full list on experienceleague. AEM Headless as a Cloud Service. IntegrationsThis simple React app uses the AEM Headless SDK to query AEM Headless APIs for an Adventure content, and displays the web-optimized image using img element with srcset and picture element. Headless Developer Journey: Explore this guided journey through the powerful and flexible headless features of AEM to prepare for your first headless project. The tutorial explores token-based authentication using AEM Assets HTTP APIs but the same concepts and approaches are applicable to apps interacting with AEM Headless GraphQL APIs. Example server-to. The Assets REST API is available on each out-of-the-box install of a recent Adobe Experience Manager as a Cloud Service version. Level 1: Content Fragment Integration - Traditional Headless Model. Additional. Content Fragments and Experience Fragments are different features within AEM:. Welcome to the multi-part tutorial for developers looking to augment an existing React-based (or Next. Prerequisites. The examples below use small subsets of results (four records per request) to demonstrate the techniques. They can be requested with a GET request by client applications. I should the request If anyone else calls AEM. References to other content, such as images or other Content Fragments can be dynamically inserted in-line within the flow of the text. The GraphQL API lets you create requests to access and deliver Content Fragments. The SPA is developed and managed externally to AEM and only uses AEM as a content API. js) Remote SPAs with editable AEM content using AEM SPA Editor. Included in the WKND Mobile AEM Application Content Package below. Learn how to deep link to other Content Fragments within a. Populates the React Edible components with AEM’s content. js (JavaScript) AEM. 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. This class provides methods to call AEM GraphQL APIs. View the source code on GitHub. 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. The AEM Headless SDK is available for various platforms: AEM Headless SDK for client-side browsers (JavaScript) AEM Headless SDK for server-side/Node. Navigate to the Software Distribution Portal > AEM as a Cloud Service. This Android application demonstrates how to query content using the GraphQL APIs of AEM. And I’m going to go slightly out of order. In React components, access. Headless is a method of using AEM as a source of data, and the primary way of achieving this is by using API and GraphQL for getting data out of AEM. ) that prefixes AEM GraphQL APIs requests with the configured AEM scheme and host. This React application demonstrates how to query content using AEM’s GraphQL APIs using persisted queries. Content can be viewed in-context within AEM. js implements custom React hooks. View the source code on GitHub. . Example applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). AEM Headless Overview; GraphQL. The advanced tutorial illustrates in-depth aspects of working with Content Fragment Models, Content Fragments, and the AEM GraphQL persisted queries, including using the. Learn how to model content and build a schema with Content Fragment Models in AEM. The Story So Far. This React application demonstrates how to query content using AEM’s GraphQL APIs using persisted queries. Welcome to this tutorial chapter where we will explore configuring a React app to connect with Adobe Experience Manager (AEM) Headless APIs using the AEM Headless SDK. The zip file is an AEM package that can be installed directly. About us. swift /// #makeRequest(. Download the latest GraphiQL Content Package v. Dive into the details of the AEM. The AEM Headless SDK is set of libraries that can be used by clients to quickly and easily interact with AEM Headless APIs over HTTP. TIP. src/api/aemHeadlessClient. Content Fragments in Adobe Experience Manager (AEM) provide a structured approach to managing content. Prerequisites. What you need is a way to target specific content, select what you need and return it to your app for further processing. Prerequisites. FTS, an AEM brand, was founded in 1980 to address the demanding weather information requirements of the world’s premier forest fire management agencies. Last update: 2023-11-17. swift) contains a method makeRequest(. In AEM 6. Clients interacting with AEM Author need to take special care, as AEM Author is secure by default, requiring authorization for all requests, and may also contain work in progress, or unapproved. Understand how the source code for a Single Page Application (SPA) written in React can be integrated with an Adobe Experience Manager (AEM) Project. AEM Headless CMS Developer Journey. Ensure you adjust them to align to the requirements of your. The GraphiQL tool also enables users to persist or save queries to be used by client applications in a production setting. The following are required to follow this quick setup: AEM as a Cloud Service Sandbox environment. Level 3: Embed and fully enable SPA in AEM. Connectors User GuideAnatomy of the React app. The AEM Headless Client for JavaScript is used to execute the GraphQL persisted queries that power the app. Navigate to the Software Distribution Portal > AEM as a Cloud Service and download the latest version of the AEM SDK. Next, explore the power of AEM’s GraphQL API using the built-in GraphiQL Explorer. View the source code on GitHub. The Story So Far. The AEM Headless quick setup gets you hands-on with AEM Headless using content from the WKND Site sample project, and a sample React App (a SPA) that consumes the content over AEM Headless GraphQL APIs. The developer develops the client that will consume content from AEM headless as the content authors are still creating the content. js implements custom React hooks. When creating a GraphQL query, developers can choose different response types from html, plaintext, markdown, and json from a multi-line field. Each guide builds on the previous, so it is recommended to explore them thoroughly and in order. The two only interact through API calls. SPA application will provide some of the benefits like. This guide explains the concepts of authoring in AEM in the classic user interface. GraphQL persisted query Selecting the json response format for the multi-line field offers the most flexibility when working with rich text content. PrerequisitesFor the purposes of this getting started guide, we will only need to create one. View the source code on GitHub. Logical. js v18; Git; 1. Enhance your skills, gain insights, and connect with peers. 5 and AEM as a Cloud Service, let’s explore how AEM can be used as headless CMS. To determine the correct approach for managing build dependent configurations, reference the AEM Headless app’s framework (for example, React, iOS, Android™, and so on) documentation, as the approach varies by framework. With these operation the API lets you operate Adobe Experience Manager as a headless CMS (Content Management System) by providing Content Services to a. Javadoc jar - the javadocs for the Java™ API jar; The AEM Headless SDK. View the source code on GitHub. Example applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). x. This end-to-end tutorial continues the basic tutorial that covered the fundamentals of Adobe Experience Manager (AEM) Headless and GraphQL. This server-to-server application demonstrates how to query content using AEM’s GraphQL APIs using persisted queries and print it on terminal. We’ll cover retrieving Content Fragment data from AEM’s GraphQL APIs and displaying it in the React app. The GraphiQL Explorer tool enables developers to create, and test queries against content on the current AEM environment. AEM Content Services allows for the same content abstractions used for authoring web pages in AEM Sites, to define the content and schemas of these. It supports both traditional and headless CMS operations. Each environment contains different personas and with. This simple React app uses the AEM Headless SDK to query AEM Headless APIs for an Adventure content, and displays the web-optimized image using img element with srcset and picture element. ) Adobe Developers Live is the perfect event for web developers who want to learn more about Adobe Experience Manager. Introduction to Adobe Experience Manager as a Headless CMS {#introduction-aem-headless} Learn how to use Adobe Experience Manager (AEM) as a Headless CMS (Content Management System), with features such as Content Fragment Models, Content Fragments, and a GraphQL API that together power headless experiences at scale. Next, explore the power of AEM’s GraphQL API using the built-in GraphiQL Explorer. Example applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). The Content author and other. 16. swift /// #makeRequest(. An end-to-end tutorial illustrating how to build-out and expose content using AEM Headless. Example applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). The advanced tutorial illustrates in-depth aspects of working with Content Fragment Models, Content Fragments, and the AEM GraphQL persisted queries, including using the. This React application demonstrates how to query content using AEM’s GraphQL APIs using persisted queries. ” Tutorial - Getting Started with AEM Headless and GraphQL. Advanced Concepts of AEM Headless. In this part of the AEM Headless Developer Journey, you will understand the steps to implementing your first headless experience in AEM including planning considerations and also learn best practices to make your path as smooth as possible. Headless Setup. Resource Description Type Audience Est. The GraphiQL Explorer tool enables developers to create, and test queries against content on the current AEM environment. All of the WKND Mobile components used in this. Learn how Experience Manager as a Cloud Service works and what the software can do for you. A collection of Headless CMS tutorials for Adobe Experience Manager. Developers can use the JSON Preview in the Content Fragment editor to show all values of the current Content Fragment that can be returned using the GraphQL API. Example applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). The AEM Headless SDK is available for various platforms: AEM Headless SDK for client-side browsers (JavaScript) AEM Headless SDK for server-side/Node. ) This article builds on those fundamentals so you understand how to access your existing headless content in AEM using the AEM GraphQL API. The AEM Headless SDK is set of libraries that can be used by clients to quickly and easily interact with AEM Headless APIs over HTTP. Confirm with Create. ) Welcome to this tutorial chapter where we will explore configuring a React app to connect with Adobe Experience Manager (AEM) Headless APIs using the AEM Headless SDK. Enable developers to add. This Web Component application demonstrates how to query content using AEM’s GraphQL APIs using persisted queries and render a portion of UI, accomplished using pure JavaScript code. This end-to-end tutorial continues the basic tutorial that covered the fundamentals of Adobe Experience Manager (AEM) Headless and GraphQL. js) Remote SPAs with editable AEM content using AEM SPA Editor. We do this by separating frontend applications from the backend content management system. 1 - Modeling Basics; 2 - Advanced Modeling; 3 - Creating GraphQL Queries; 4 - Content Fragment Variations; 5 - GraphQL Endpoints; 6 - Author and Publish Architecture; 7 - GraphQL Persisted. This React application demonstrates how to query content using AEM’s GraphQL APIs using persisted queries. Example applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). Next. js app. This Web Component application demonstrates how to query content using AEM’s GraphQL APIs using persisted queries and render a portion of UI, accomplished using pure JavaScript code. Leverage your professional network, and get hired. The execution flow of the Node. AEM Headless Developer Portal; Overview; Quick setup. AEM Headless clients operating in a production capacity typically interact with AEM Publish, which contains the approved, published content. In this part of the AEM Headless Developer Journey, learn how to deploy a headless application live. Create Content Fragment Models. This Next. npm module; Github project; Adobe documentation; For more details and code. The custom AEM headless client (api/Aem. Prerequisites. After completing the above enhancements the WKND App looks like below and browser’s developer tools shows adventure-details-by-slug persisted query call. However WKND business. In essence, I want to only accept requests from mobile applications. js application is as follows: The Node. This simple React app uses the AEM Headless SDK to query AEM Headless APIs for an Adventure content, and displays the web-optimized image using img element with srcset and picture element. Clients interacting with AEM Author need to take special care, as AEM Author is secure by default, requiring authorization for all requests, and may also contain work in progress, or unapproved. AEM Headless as a Cloud Service. Content Fragments are editorial content, with definition and structure, but without additional visual design and/or layout. Get started with Adobe Experience Manager (AEM) and GraphQL. AEM Headless APIs allow accessing AEM. The srcset and sources use a custom setParams function to append the web-optimized delivery query parameter to the _dynamicUrl of the. Content Fragments in Adobe Experience Manager (AEM) provide a structured approach to managing content. Persist GraphQL queries with parameters in AEM and learn. Persisted queries are GraphQL queries that are created and stored on the Adobe Experience Manager (AEM) server. The AEM Headless Client for JavaScript is used to execute the GraphQL persisted queries that power the app. Example applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). This Web Component/JS application demonstrates how to query content using AEM's GraphQL APIs using persisted queries. These remote queries may require authenticated API access to secure headless content. They can be requested with a GET request by client applications. Can anyone tell. js implements custom React hooks. X. An end-to-end tutorial. Next, explore the power of AEM’s GraphQL API using the built-in GraphiQL Explorer. Single page applications (SPAs) can offer compelling experiences for website users. AEM provides a Translation Integration Framework for headless content, allowing Content Fragments and supporting assets to be easily translated for use across locales. Example applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). Logical. In this video you will: Learn how to use Content Fragments references to link one or more Content Fragments. Learn how to build next-generation apps using headless technologies in Experience Manager as a Cloud Service. The SPA retrieves this content via AEM’s GraphQL API. This guide uses the AEM as a Cloud Service SDK. The HTTP GET requests from the headless app to AEM’s GraphQL APIs must be configured to interact with the correct AEM service, as.