5 Granite materials apply to AEMaaCS) Coral UI. This opens a side panel with several tabs that provide a developer with information about the current page. Headless Developer Journey: Explore this guided journey through the powerful and flexible headless features of AEM to prepare for your first headless project. Learn how to use AEM’s Assets REST API to manage Content Fragments and the GraphQL API for headless delivery of Content Fragment content. How to organize and AEM Headless project. 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. GraphQL provides a complete and understandable description of the data in your API, gives clients the power to ask for exactly what they need and nothing more, makes it easier to evolve APIs over time, and enables. Developers maintain code for Cloud Service and local development environment in a common git repository. This journey lays out the requirements, steps, and approach to translate headless content in AEM. Overview. This means your project can realize headless delivery of structured content for use in your applications. Courses Recommended courses Tutorials Certification Events Instructor-led training Browse content library View all learning options. Developer and Deployment Manager Tasks. Tap or click Create. The authoring environment of AEM provides various mechanisms for organizing and editing your content. This article provides insights into how Headless Adaptive Forms work, and how they can be integrated with different applications to simplify the form building process. Tap or click the folder that was made by creating your configuration. 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. It is the main tool that you must develop and test your headless application before going live. Adobe’s visual style for cloud UIs, designed to provide consistency. This involves structuring, and creating, your content for headless content delivery. Know the prerequisites for using AEM’s headless features. e. Adobe Experience Manager (AEM) is a comprehensive content management solution for building websites, mobile apps, and forms. It offers several features that make AEM development easier: Seamless integration with AEM instances through Eclipse Server Connector. Adobe Experience Manager (AEM) is the leading experience management platform. The GraphiQL tool also enables users to persist or save queries to be used by client applications in a production setting. Understand Headless in AEM; Learn about CMS Headless Development; Getting Started with AEM Headless as a Cloud Service; Path to your first experience using AEM Headless; How to model your content as AEM Content Models; How to access your content via AEM delivery APIs;. Tap or click Create -> Content Fragment. Throughout this tutorial, we will guide you through building the Image List component, handling nested references, rendering referenced image assets, and integrating the Universal Editor. Last update: 2023-11-06. where the content authors and developers work on the same platform to deliver the experiences to the content consumers. Last update: 2023-08-16. Components are at the core of building an experience in AEM. Enabling Content Fragments in AEM allows modular content creation, enhancing consistency and adaptability. Permissions and personas can broadly be considered based on the AEM environment Author or Publish. React is a popular JavaScript library for building user interfaces, known for its simplicity, reusability, and component-based architecture. AEM Headless APIs allow accessing AEM content from any. supports headless CMS scenarios where external client applications render experiences using content managed in AEM. Click on Create Migration Set. You will learn how to set up dependencies, design the component structure, retrieve and parse Content Fragments, and make the app editable using the. 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. For the purposes of this getting started guide, you are creating only one model. React - Headless. Here you can specify: Name: name of the endpoint; you can enter any text. This guide describes how to create, manage, publish, and update digital forms. For authoring AEM content for Edge Delivery Services, click here. 5. By leveraging AEM Headless APIs, you can retrieve content, assets, and data from your AEM instance and use them to power your React application. Configure the React app. Each guide builds on the previous, so it is recommended to explore them thoroughly and in. Adobe manages the services for optimal handling of different asset types and processing options. This document provides an overview of the different models and describes the levels of SPA integration. Build a React JS app using GraphQL in a pure headless 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 tagged content node’s NodeType must include the cq:Taggable mixin. What’s Next. In a headless model, the content is managed in the AEM repository, but delivered via. Learn about headless technologies, what they bring to the user experience, how AEM supports headless models, and how to implement your own headless development project from A to Z. To get your AEM headless application ready for. Start here for a guided journey through the powerful and flexible. Select Create. Understand how to build and customize experiences using AEM’s powerful features by exploring these development and deployment topics. Developers want to be able to build sites using SPA frameworks and authors want to seamlessly edit content within AEM for a site built using such frameworks. Headless CMS with AEM: A Complete Guide You might have already heard about Headless CMS and you may be wondering if you should go “all-in” with this new model. Provide a Title for your configuration. AEM Headless Developer. Start here for a guided journey through the powerful and flexible headless features of AEM, their capabilities, and how to use them on your project. The Story So Far. Create a file named . Headful and Headless in AEM; Headless Experience Management. The creation of a Content Fragment is presented as a wizard in two steps. Confirm and your site is adapted. You can retrieve a developer token in. The. The SPA Editor offers a comprehensive solution for supporting SPAs. Steps to embed new form to an AEM Sites page are: Open the AEM Sites page in edit mode. Adobe Experience Manager as a Cloud Service uses the principle of overlays to allow you to extend and customize the consoles and other functionality (for example, page authoring). The AEM Forms Cloud Service Rapid Development Environment (RDE) has no support for Communication APIs. adobe. The tools provided are accessed from the various consoles and page editors. In this optional continuation of the AEM Headless Developer Journey, you learn how AEM can combine headless delivery with traditional full-stack CMS features. Learn how to create a SPA using the React JS framework with AEM's SPA Editor. With Adobe Experience Manager (AEM) as a Cloud Service, Content Fragments lets you design, create, curate, and publish page-independent content. Understand Headless in AEM; Learn about CMS Headless Development; Getting Started with AEM Headless as a Cloud Service; Path to your first experience using AEM Headless; How. Create and maintain LESS files. The AEM users product profile is typically. Learn how to build next-generation apps using headless technologies in Experience Manager as a Cloud Service. 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. 0 or 3. Navigate to Tools > General > Content Fragment Models. It includes new asset upload module, API reference, and information about the support provided in post-processing. In the previous document of the AEM headless journey, Path to Your First Experience Using AEM Headless, you then learned the steps needed to implement your first project. AEM Technical Foundations. Instead of an out-of-the-box solution, Adobe Developer App Builder provides a common, consistent, standardized development platform for extending Adobe Cloud solutions such as AEM including: Adobe Developer Console — For custom microservice and extension development, letting developers build and manage projects while. All this while retaining the uniform layout of the sites. Last update: 2023-11-17. In Projects, tap/click Create to open the Create Project wizard: Select a template and click Next. This guide uses the AEM as a Cloud Service SDK. Browse the following tutorials based on the technology used. It has pre-formatted components containing. It makes Adaptive Forms and themes on your AEM Forms environment compatible with AEM as a Cloud Service . This guide provides important information about the latest release of Experience Manager as a Cloud Service, including what is new, deprecated and removed features, and known issues. Nov 18, 2023Tutorials by framework. 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. This user guide contains videos and tutorials helping you maximize your value from AEM. Change into the. The AEM Headless SDK is available for various platforms: AEM Headless SDK for client-side browsers (JavaScript) AEM Headless SDK for server-side/Node. Optional - How to create single page applications with AEM; Developer Portal (Additional Resources) Headless Content Architect Journey. Introduction. . x. Sample Multi-Module Project. This multi-part tutorial walks through the implementation of a React application for a fictitious lifestyle brand, the WKND. Guide: Developers new to AEM and headless: 1 hour: Headless Setup: For experienced AEM users who need a short summary of the key AEM headless features, check out this quick start overview. Prerequisites. On. Learn about the architecture of AEM Forms Headless Adaptive Forms and how it can help you quickly build forms for various platforms. Each guide builds on the previous, so it is recommended to explore them thoroughly and in order. 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. Introduction to AEM Forms as a Cloud Service. Single page applications (SPAs) can offer compelling experiences for website users. Adobe’s Open Web stack, providing various essential components (Note that the 6. AEM must know where the remotely-rendered content can be retrieved. Getting Started with AEM Sites - Project Archetype. Beginner Developer AEM’s Content Services leverages traditional AEM Pages to compose headless REST API endpoints, and AEM Components define, or. The creation of a Content Fragment is presented as a wizard in two steps. . AEM headless CMS gives developers the freedom to build and deliver exceptional experiences using the languages, frameworks, and tools they’re already familiar with. The Story so Far. This journey will help you streamline your front-end. In a headless setup, the presentation system (the head) is decoupled from the content management (the tail). AEM Headless Content Architect Journey Overview; Content Modeling for Headless with AEM - An Introduction; Learn the Content Modeling Basics for Headless with AEM; Learn about Creating. For publishing from AEM Sites using Edge Delivery Services, click here. Using a REST API. 8 is installed. Create your first React Single Page Application (SPA) that is editable in Adobe Experience Manager AEM with the WKND SPA. 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. With these operations the API lets you operate Adobe Experience Manager as a Cloud Service as a headless CMS (Content Management. 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. 5 user guides. We’ll guide you through configuring your React app to connect to AEM Headless APIs using the AEM Headless SDK. This GraphQL API is independent from AEM’s GraphQL API to access Content. The Single-line text field is another data type of Content. Additional Resources. References to other content, such as images or other Content Fragments can be dynamically inserted in-line within the flow of the text. . 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. Ask role-relevant questions. 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. . We’ll cover retrieving Content Fragment data from AEM’s GraphQL APIs and displaying it in the React app. Adobe Creative Cloud provides creative teams with an ecosystem of solutions and services to help them. AEM Headless Content Architect Journey Overview; Content Modeling for Headless with AEM - An Introduction; Learn the Content Modeling Basics for Headless with AEM; Learn about Creating. By leveraging AEM Headless APIs, you can retrieve content, assets, and data from your AEM instance and use them to power your React application. You struggle to find enough AEM developers for web-based projects but have a strong team of frontend developers. The creation of a Content Fragment is presented as a dialog. With your site selected, open the rail selector at the left and choose Site. A name will be automatically generated based on the title and adjusted according to AEM naming conventions. ” Tutorial - Getting Started with AEM Headless and GraphQL. Last update: 2023-06-23. Time; Headless Developer Journey: For users new to AEM and headless technologies, start here for a comprehensive introduction to AEM and its headless features from the theory of headless through going live with your first headless project. 8+. Passing mark: 32/50. 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. A workflow that automates this example notifies each participant when it is time to perform their. Navigate to Tools, General, then select GraphQL. Start the React tutorial. The journey defines additional personas with which the developer must interact for a successful project, but the point-of-view for the journey is that of the developer. The AEM Headless SDK is available for various platforms: AEM Headless SDK for client-side browsers (JavaScript) AEM Headless SDK for server-side/Node. Headful and Headless in AEM; Headless Experience Management. The roles of AEM users, developers, and deployment managers are explored briefly as additional, optional parts of the journey. Developers want to be able to build sites using SPA frameworks and authors want to seamlessly edit content within AEM for a site built using such frameworks. For authoring AEM content for Edge Delivery Services, click. The Assets REST API lets you create. An end-to-end tutorial illustrating how to build-out and expose content using AEM Headless. 5. After reading you should: Understand the basic concepts and terminology of headless content delivery This journey is designed for the developer persona, laying out the requirements, steps, and approach of an AEM Headless project from a developer’s perspective. An Adaptive Form template: A template provides a basic structure and defines appearance (layouts and styles) of an Adaptive Form. AEM offers the flexibility to exploit the advantages of both models in one project. AEM Headless Developer Journey. These pipelines and services are built based on best practices, ensuring thorough testing and the highest code quality. You have learned the basics of Headless CMS Authoring, with an introduction to authoring with AEMaaCS and in particular, authoring Content Fragments. 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. AEM components are still necessary mostly to provide edit dialogs and to export the component model. AEM Headless developer is quite popular among enterprises looking to deliver content to the front end by decoupling backend from. 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. Provide a Model Title, Tags, and Description. Use GraphQL schema provided by: use the drop-down list to select the required configuration. js (JavaScript) AEM. Developer. For example, C:aemauthor. AEM is a headless CMS offering flexible and customizable architecture to provide developers and marketers with the tools to create seamless experiences throughout the customer journey. Provide a Model Title, Tags, and Description. These remote queries may require authenticated API access to secure headless content. Learn how AEM can go beyond a pure headless use case, with options for in-context authoring and experience management. Select Create. AEM Headless Developer Portal; Overview; Quick setup. Understand how to build and customize experiences using AEM’s powerful features by exploring these development and deployment topics. Be aware of AEM’s headless integration levels. Optional - How to create single page applications with AEM; Developer Portal (Additional Resources) Headless Content Architect Journey. It is the main tool that you must develop and test your headless application before going live. 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. After installing the latest version of the Content Transfer Tool on your source Adobe Experience Manager instance, go to Operations - Content Migration. Anyone with administrator access to a test AEM instance can follow these guides to understand headless delivery in AEM, though someone with developer experience is ideal. Using this path you (or your app) can: receive the responses (to your GraphQL queries). AEM provides a Translation Integration Framework for headless content, allowing Content Fragments and supporting assets to be easily translated for use across locales. The page is immediately copied to the language copy, and included in the project. By adding the Adobe Target extension to Experience Platform Launch, you can use the features of Adobe Target on AEM web pages. For an overview of all of the available components in your AEM instance, use the Components Console. Tap or click Create. Universal Editor Introduction. The creation of a Content Fragment is presented as a dialog. Level 1: Content Fragment Integration - Traditional Headless Model. Start. The Create new GraphQL Endpoint dialog box opens. For users new to AEM and headless technologies, start here for a comprehensive introduction to AEM and its headless features from the theory of headless through going live with your first headless project. Ensure you adjust them to align to the requirements of your. Granite UI. js, among others; EnvironmentsResource Description Type Audience Est. Development flow for Forms as a Cloud Service aligns with AEM Archetype for AEM Cloud Service. Provide a Title and a Name for your folder. The Core Components and the AEM Project Archetype make it simple to get started with a tool set of ready-made, robust components. Headless Developer Journey: Explore this guided journey through the powerful and flexible headless features of AEM to prepare for your first headless project. Access to assets folders on AEM Publish should be controlled via User Groups, rather than user directly. . Here you can specify: Name: name of the endpoint; you can enter any text. Enable developers to add. Synchronization for both content and OSGi bundles. In the future, AEM is planning to invest in the AEM GraphQL API. Experience Manager Developer Tools for Eclipse is an Eclipse plugin based on the Eclipse plugin for Apache Sling released under the Apache License 2. Tap or click the folder you created previously. You also learn how you can create editable SPAs using AEM’s SPA Editor framework, and integrate external SPAs, enabling editing capabilities as required. Prerequisites. Select AEM in the dialog and click Open. 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). AEM Headless APIs and React Clone the React app. Adobe Experience Manager (AEM) components and templates comprise a powerful toolkit. Instead of an out-of-the-box solution, Adobe Developer App Builder provides a common, consistent, standardized development platform for extending Adobe Cloud solutions such as AEM including: Adobe Developer Console — For custom microservice and extension development, letting developers build and manage projects while accessing all the tools. This guide leads you through the most headless implementation topics in AEM so that on completion you:. ). 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 Story So Far. The following tools should be installed locally: JDK 11; Node. After reading it, you can do the following:From these takeaways we can recommend AEM headless or hybrid to be considered when the following points are met: You aim to deliver the same experience and code base for a content-focused page on the web and a hybrid mobile app. When using AEM Headless Persisted Queries which access AEM over HTTP GET, a Referrer Filter configuration is. I am not able to understand how the Template is designed. In this part of the AEM Headless Developer Journey, learn how to model your content for AEM Headless delivery using Content Modeling with Content Fragment Models and Content Fragments. 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. The Cloud Manager. Headless Developer Journey. This endpoint can use all Content Fragment Models from all Sites configurations (defined in the Configuration Browser ). Developer. Implementing User Guide: Understand how to build and customize experiences using AEM’s powerful features. The value of Adobe Experience Manager headless. How to create headless content in AEM. Implement and use your CMS effectively with the following AEM docs. Rich text with AEM Headless. Created for: Beginner. An Experience Fragment is a stand-alone experience that can be re-used across channels and have variations, saving the trouble of repeatedly copying and pasting experiences or parts of experiences. A modern content delivery API is key for efficiency and performance of Javascript-based frontend applications. The journey will define additional personas with which the content architect must interact for a successful project, but the point-of-view for the journey is that of the content architect. Headless Developer Journey. Regardless of which model you choose to implement for SSR,, you need to specify to AEM how to access this remote rendering service. Details. Asset microservices provides for scalable and resilient processing of assets using cloud-native applications (also called workers). Enter a Label and Comment, if necessary. View. GraphQL is: “…a query language for APIs and a runtime for fulfilling those queries with your existing data. The diagram above depicts this common deployment pattern. Or as a workaround, you can store product assets (images) in AEM Assets but you must manually store the asset URLs in Adobe Commerce. Admin. Assets. Developer. Learn About CMS Headless DevelopmentIn this optional continuation of the AEM Headless Developer Journey, you learn how AEM can combine headless delivery with traditional full-stack CMS features and how you can create editable SPAs using AEM's SPA Editor framework. Last update: 2023-11-17. AEM is a robust platform built upon proven, scalable, and flexible technologies. 6. Last update: 2023-06-27. This video series explains Headless concepts in AEM, which includes-. A development environment allows your developers to implement, and test AEM applications under the same runtime conditions as the stage and production environments. Web Component HTML tag. Understand Headless in AEM; Learn about CMS Headless Development; Getting Started with AEM Headless as a Cloud Service; Path to your first experience using AEM Headless; How. Headless is an example of decoupling your content from its presentation. 2. Visit the AEM Headless developer resources and documentation. Resource Description Type Audience Est. This multi-part tutorial walks through the implementation of a React application for a fictitious lifestyle brand, the WKND. This document: Is not intended as comprehensive coverage. Tutorials by framework. Search for. Introduction to AEM Headless; Developer Portal (Additional Resources) Best Practices - Setup and Use;. React app with AEM Headless View the source code on GitHub A full step by step tutorial describing how this React app. Looking for a hands-on. This document is intended as a high-level quick start guide for the key page authoring actions in AEM. Learn how AEM can go beyond a pure headless use case, with. Create your first React Single Page Application (SPA) that is editable in Adobe Experience Manager AEM with the WKND SPA. 4. Learn how to build next-generation apps using headless technologies in Experience Manager as a Cloud Service. Before you Configure Front-End Pipelines. xml file in the root of the git repository. Time; Headless Developer Journey: For developers new to AEM and headless technologies, start here for a comprehensive introduction to AEM and its headless features from the theory of headless through going live with your first headless project. 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. Welcome to the multi-part tutorial for developers looking to augment an existing React-based (or Next. Each environment contains different personas and with different needs. GraphiQL is included in all environments of AEM (but will only be accessible/visible when you configure your endpoints). Log into AEM as a Cloud Service and from the main menu select Navigation > Assets > Files. The AEM Headless SDK is available for various platforms: AEM Headless SDK for client-side browsers (JavaScript) AEM Headless SDK for server-side/Node. The tutorial is designed to work with AEM as a Cloud Service and is backwards compatible with AEM 6. Last update: 2023-08-15 Topics: Developer Tools Created for: Developer The Story so Far At the beginning of the AEM Headless Content Architect Journey the Introduction. The TagID is added to the content node’s cq:tags property and resolves to a node of type cq:Tag. In this optional continuation of the AEM Headless Developer Journey, you learn how AEM can combine headless delivery with traditional full-stack CMS features and how you can create editable SPAs using AEM's SPA Editor framework. env at the root of the project. Core Components The Adaptive Forms Core Components are a set of 24 open-source, BEM-compliant components that are built on the foundation of the Adobe Experience. cqModel Understand the candidate’s career goal, professional interests, etc. Resource Description Type Audience Est. Headless Developer Journey: Explore this guided journey through the powerful and flexible headless features of AEM to prepare for your first headless project. WKND Developer TutorialThe UI caters for both mobile and desktop devices, though rather than creating two styles, AEM uses one style that works for all screens and devices. Tap or click the folder that was made by creating your configuration. js (JavaScript) AEM Headless SDK for. The new architecture supporting AEM as a Cloud Service involves some key changes to the overall developer experience. We’ll cover retrieving Content Fragment data from AEM’s GraphQL APIs and displaying it in the React app. You can personalize content and pages, track conversion rates, and uncover which ads drive. Understand how it can help content authors deliver exceptional experiences, increase their content velocity, and how provides a state-of-the-art developer experience. To use this, endpoints must be defined and enabled in AEM, and if necessary, the GraphiQL interface installed. We can show you what AEM can do in regards to content. AEM makes it easy to manage your marketing content and assets. 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. This document gives a detailed overview of the various parts that make up AEM and is intended as a technical appendix for a full-stack AEM developer. The tutorial is designed to work with AEM as a Cloud Service and is backwards compatible with AEM 6. 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. Tap AEM Forms Assets Migration, and in the next screen, tap Start Migration. Traditional CMS uses a “server-side” approach to deliver content to the web. Learn more about the Project Archetype. Tap Adaptive Forms Custom Components Migration and in the Custom Components Migration page, tap Start Migration. Unlike the traditional AEM solutions, headless does it without the presentation layer. In this part of the AEM Headless Developer Journey, you can learn how to use GraphQL queries to access the content of your Content Fragments and feed it to your app (headless delivery). The Story So Far. Each guide builds on the previous, so it is recommended to. It is not intended as a getting-started guide. Experience Manager Developer Tools for Eclipse is an Eclipse plugin based on the Eclipse plugin for Apache Sling released under the Apache License 2. SPA application will provide some of the benefits like. In the folder’s Cloud Configurations tab, select the configuration created earlier. This holds default templates and acts as a fallback if no policies and/or template-types are found in the current folder. AEM offers the flexibility to exploit the advantages of both models in one project. 20. In the previous document of the AEM headless journey, Learn About CMS Headless Development you learned the basic theory of what a headless CMS is and you should. This is the same framework used to translate other AEM content, such as Pages, Experience Fragments, Assets, and Forms. For the purposes of this getting started guide, we only need to create one configuration. Headless Authoring Journey - Start here for a guided journey through the powerful and flexible headless features of AEM, their capabilities, and how. Know what necessary tools and AEM configurations are required. We believe it is beneficial for any developer involved in an AEM SPA Editor project to complete this tutorial. 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. Last update: 2023-06-27. Next, we’ll use the AEM Headless SDK to retrieve Content Fragment data from AEM’s GraphQL APIs.