To enable or disable viewer presets in the user interface, see Managing Viewer Presets. There must be a pom. Understand how to build and customize experiences using Experience Manager’s powerful features by. A Common Case for Headless Content on AEM Let’s set the stage with an example. For the purposes of this getting started guide, we only need to create one model. Select the location and model you wish. The following Documentation Journeys are available for headless topics. On the Carousel Banner Editor page, do either one of the following: Near the upper-left corner of the page, select Add Slide icon. The author environment provides the mechanisms for creating, updating, and reviewing this content before. In addition to the speed of innovation, Adobe Experience Manager as a Cloud Service also provides the. Assets. By default, the starter kit uses Adobe’s Spectrum components. The React app should contain one instance of the <Page> component exported from @adobe/aem-react-editable-components. To manage permissions of groups in AEM, navigate to Tools > Security > Permissions. 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. Implementing User Guide: Understand how to build and customize experiences using AEM’s powerful features by exploring these development and deployment topics. AEM offers the flexibility to exploit the advantages of both models in one project. 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. React is a popular JavaScript library for building user interfaces, known for its simplicity, reusability, and component-based architecture. 28 or. Headful and Headless in AEM; Headless Experience Management. We can show you what AEM can do in regards to content delivery — and in which case headless is recommended. Intuitive headless. In the Query tab. The Assets REST API lets you create and modify. AEM applies the principle of filtering all user-supplied content upon output. Discover the benefits of going headless and streamline your form creation process today. Virtual Event - AEM GEMs feature two of our customers presenting a technical deep dive session on the usage of AEM as Headless. Overview of AEM and Edge Delivery Services (Video) Explore the comprehensive world of Adobe Experience Manager (AEM) encompassing AEM Sites, AEM Assets, AEM Headless, AEM Forms, and Edge. This document. Add this. Learn about the architecture of AEM Forms Headless Adaptive Forms and how it can help you quickly build forms for various platforms. A modern content delivery API is key for efficiency and performance of Javascript-based frontend applications. Click into the new folder and create a teaser. Provide a Title for your configuration. Tutorials by framework. Content Fragments and Experience Fragments are different features within AEM:. supports headless CMS scenarios where external client applications render experiences using content managed in AEM. If you are new to either AEM or headless, see Adobe’s Headless Documentation Journeys for an end-to-end introduction to both headless and how AEM supports it. Resource Description Type Audience Est. Tap or click the folder you created previously. To enable Headless Adaptive Forms on your AEM 6. From the Component browser panel, drag-drop the Adaptive Forms - Embed (v2) component on the page. model. This involves structuring, and creating, your content for headless content delivery. Level 2: In addition to level one: The RemotePage component can be used to embed the external SPA into AEM where AEM content can be viewed in-context. AEM. Design, author, and publish forms — no coding required. Tap the Technical Accounts tab. With AEM as a Cloud Service, Adobe is moving away from an AEM instance-centric model to a service-based view with n-x AEM Containers, driven by CI/CD pipelines in the Cloud Manager. 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. Your design can be defined in the designs section of the Tools tab: Here you can create the structure required to store the design, then upload the cascaded style sheets and images required. Dynamic Media is now part of AEM Assets and works the same way. For example, to translate a Resource object to the corresponding Node object, you can. Learn how to use AEM’s Assets REST API to manage Content Fragments and the GraphQL API for headless delivery of Content Fragment content. 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 means you can realize. Developer. Tap or click the folder that was made by creating your configuration. Configure the Translation Connector. Administrative privileges to install Designer. AEM devs, join us on Nov 6 (EMEA, LATAM, NA) & Nov 15 (APAC) for Adobe Developers Live. Use GraphQL schema provided by: use the drop-down list to select the required configuration. Tutorials by framework. Adobe Experience Manager (AEM) was not solely built for commerce, and. The Title should be descriptive. To have AEM automatically create a translation project based on your content path: Navigate to Navigation-> Assets-> Files. This document. The path to the design to be used for a website is specified using the cq:designPath. GraphQL is used in two (separate) scenarios in Adobe Experience Manager (AEM): AEM Commerce consumes data from a Commerce platform via GraphQL. Each guide builds on the previous, so it is recommended to explore them thoroughly and in order. Provide a Title for your configuration. The GraphQL API lets you create requests to access and deliver Content Fragments. Experience Manager tutorials. [!TIP] See the document Headful and. This document. Adobe strives to include the creators with disabilities by improving the accessibility of Experience Manager. This guide leads you through the most headless implementation topics in AEM so that on completion you:. The models available depend on the Cloud Configuration you defined for the assets folder. It will be helpful if someone can guide me on it and any relevant documentation for same. Last update: 2023-09-26. Specify a name for the form, and tap/click Create. Don't miss out! Register now. These updates can be triggered by Adobe, when a new version of the AEM Cloud Service is. It extends Adobe Experience Manager as a. Objective. In addition to the Apache Sling Referrer Filter, Adobe also provides a new CSRF Protection Framework to protect against this type of attack. The best practice is a language-based structure with no more than 3 levels between the top-level authoring and country sites. Learn about headless technologies, why they might be used in your project,. Next, we’ll use the AEM Headless SDK to retrieve Content Fragment data from AEM’s GraphQL APIs. If you see this message, you are using a non-frame-capable web client. Audience: Beginner; Objective: Introduce the basics of. The software is continuously enhanced to meet. cheers. A digital marketing team has licensed Adobe Experience Manger 6. Using Content Fragment and Editable Template, we could expose either JSON or end HTML to the Front End invoking application and if the Front End invoking application invokes JSON, it gets JSON and if it invokes HTML it gets HTML correct?Navigate to the folder you created previously. Once headless content has been translated,. What you need is a way to target specific content, select what you need and return it to your app for further processing. Experience Manager Sites is the only CMS that enables every marketer to create and edit webpages quickly. By default, Experience Manager Assets does not display the original rendition of the asset in the preview mode. Headless Developer Journey: Explore this guided journey through the powerful and flexible headless features of AEM to prepare for your first headless project. For example, C:aemauthor. Learn about using references in Content Fragments The Story so Far. Get started with Experience Manager as a Cloud Service — get access and protect important data. The Story So Far. I am not able to understand how the Template is designed. What’s new. It is assumed that the markup placed in this file accurately reflects generated markup by AEM components. 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. jcr. Headless Developer Journey: Explore this guided journey through the powerful and flexible headless features of AEM to prepare for your first headless project. This opens a side panel with several tabs that provide a developer with information about the current page. In terms of. Learn how to create and publish a headless form using Adobe Experience Manager's adaptive forms in this step-by-step guide. Also, AEM Forms running on 6. This guide provides an overview of Experience Manager as a Cloud service, including an introduction, terminology, and architecture. There is a partner connector available on the marketplace. Here you can specify: Name: name of the endpoint; you can enter any text. Objective. For the purposes of this getting started guide, we only need to create one configuration. This section provides a quick guide to installing the AEM SDK and running it in Author mode. Build a React JS app using GraphQL in a pure headless scenario. With this quick start guide, learn the essentials of Adobe Experience Manager (AEM) 6. Initialize the AEM Headless SDK. We’ll guide you through configuring your React app to connect to AEM Headless APIs using the AEM Headless SDK. In the file browser, locate the template you want to use and select Upload. For an end-to-end example of building your own single-page application that is editable with AEM starting with project setup through application routing, see the WKND SPA Tutorials: Getting Started with the AEM SPA Editor and Angular. Learn about the concepts and. Note* that markup in this file does not get automatically synced with AEM component markup. Know the prerequisites for using AEM’s headless features. The focus lies on using AEM to deliver and manage (un. Adobe Experience Manager is a strong contender in the digital market for managing content for companies on a large scale. AEM’s GraphQL APIs for Content Fragments. AEM lets you have a responsive layout for your pages by using the Layout Container component. Discover the benefits of going headless and streamline your form creation process today. A CI/CD pipeline in Cloud Manager is a mechanism to build code from a source repository and deploy it to an environment. Understand the steps to implement headless in AEM. Provide the pipeline with a name. 924. Define the structure of the content you will create and serve using AEM's headless capabilities by using Content Fragment Models. Instead of configuring and maintaining Indexes on single AEM instances, the Index configuration has to be specified. This tutorial walks through the. Infrastructure and Service Monitoring in AEM as a Cloud Service. For the purposes of this getting started guide, we only need to create one model. In this tutorial, we’ll guide you through the process of creating a dynamic and interactive web application by combining the power of React, Adobe Experience Manager (AEM) Headless APIs, and GraphQL. Discover the benefits of going headless and streamline your form creation process today. Tap or click on the folder that was made by creating your configuration. I was going thru Adobe blogs and feel just the vice versa of this topic is achievable i. 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. This user guide contains videos and tutorials on the many features and capabilities of AEM Assets. AEM prompts you to confirm with an overview of the changes that will made. At the beginning of the AEM Headless Content Architect Journey the Introduction covered the basic concepts and terminology relevant to modeling content for headless. Provide a Title and a. Learn about Headless in Adobe Experience Manager (AEM) with a combination of detailed documentation and headless journeys. Add a metadata profile. 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. Discover the benefits of going headless and streamline your form creation process today. Adobe Experience Manager Sites lets marketers create content while allowing developers to focus on building and shipping code. Do not attempt to close the terminal. With the continuous release model in Adobe Experience Manager as a Cloud Service, the application is auto updated on an ongoing basis. AEM 6. These include: Flexible port egress - configure AEM as a Cloud Service to allow outbound traffic out of non-standard ports. Peter. This approach enables the CMS to live up to the promise of managing content in place and publishing anywhere. Frame Alert. Navigate to the folder you created previously. 5 works best on Windows. You can review the session dedicated to the query builder for an overview and use of the tool. Ensure only the components which we’ve provided SPA. . React is a popular JavaScript library for building user interfaces, known for its simplicity, reusability, and component-based architecture. Overview of AEM and Edge Delivery Services (Video) Explore the comprehensive world of Adobe Experience Manager (AEM) encompassing AEM Sites, AEM Assets, AEM Headless, AEM Forms, and Edge. Sites User Guide. Tap or click. The TagID is added to the content node’s cq:tags property and resolves to a node of type cq:Tag. Tap or click on the folder that was made by. Create a new Adaptive Form from the Form Creation wizard. This guide provides important information about the latest release of Experience Manager as a Cloud Service, including what is new, features that are deprecated or removed, and known issues. Tap or click the folder that was made by creating your configuration. 5 in five steps for users who are already familiar with AEM and headless technology. Developer. 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. In Experience Manager, select the Experience Manager logo to access the global navigation console, then go to Tools > Assets > Image Presets. Created for: Developer. from AEM headless to another framework like react. Ensure that UI testing is activated as per the section Customer Opt-In in this document. For an end-to-end example of building your own single-page application that is editable with AEM starting with project setup through application routing, see the WKND SPA Tutorials: Getting Started with the AEM SPA Editor and Angular. The Assets console lets you import and manage digital assets such as images, videos, documents, and audio files. Discover the benefits of going headless and streamline your form creation process today. This approach enables the CMS to live up to the promise of managing content in place and publishing anywhere. They can be used by developers to provide website business users, editors, and administrators with the functionality to adapt their websites to changing business needs (content agility). A modern content delivery API is key for efficiency and performance of Javascript-based frontend applications. json. Adobe Experience Manager projects can be implemented in both headful and headless models, but the choice is not binary. This security vulnerability can be exploited by malicious web users to bypass access controls. This article will guide you through a simple process to set up any. Objective. map. eCommerce brands operating or choosing Adobe Commerce can have Adobe Commerce for its backend operations and AEM as its frontend in a headless commerce approach. Use Experience Manager to power content reuse through headless content delivery APIs. Steps to embed new form to an AEM Sites page are: Open the AEM Sites page in edit mode. To become familiar with the features scheduled to go live the. This involves structuring, and creating, your content for headless content delivery. To see a list of all templates in the repository, proceed as follows: In CRXDE Lite, open the Tools menu and click Query. Readiness Phase. AEM Headless Journeys Start here for a. If the image is purely decorative and alternative text would be unnecessary, the Image is decorative option can be checked. Adobe Experience Manager (AEM) is the leading experience management platform. Community of Experience Makers in content management systems, digital asset management, digital enrollment, forms, and managed servicesIn the assets console, select the language root to configure and select Properties. Determine how content is distributed by regions and countries. Learn how to create and publish a headless form using Adobe Experience Manager's adaptive forms in this step-by-step guide. The following Documentation Journeys are available for headless topics. 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 to model your content. Determine how content is distributed by regions and countries. At this point, you should have completed the entire AEM Headless Developer Journey and understand the basics of headless delivery in AEM including an understanding of: The difference between headless and headful content delivery. An OSGi configuration for the Referrer Filter is needed to enable access to the GraphQL endpoint for headless applications. 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. Last update: 2023-08-16. AEM 6. Frame Alert. Acrobat Standard DC, or Adobe Acrobat Reader DC. Last update: 2023-06-28. This guide explains the concepts of authoring in AEM. Once headless content has been translated,. This article builds on these so you understand how to author your own content for your AEM headless project. For Java and WebDriver, use the sample code from the AEM Test Samples repository. Adobe Experience Manager Assets developer use cases, APIs, and reference material. All this while retaining the uniform layout of the sites (brand protection). Tap or click Create -> Content Fragment. To build and deploy successfully with Cloud Manager, AEM projects need to adhere to the following guidelines: Projects must be built using Apache Maven. Explore tutorials by API, framework and example applications. The Headless Getting Started Guides lay out a simple path for creating, managing, and delivering experiences using Adobe Experience Manager (AEM) 6. What are GraphQL and Assets REST APIs? Now that you have created some content fragments, you can use. Tap or click Create -> Folder. What’s new. They can be used by developers to provide website business users, editors, and administrators with the functionality to adapt their websites to changing business needs (content agility). Tutorials. To share assets as a public URL: Log in to Experience Manager Assets and navigate to Files. 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. This security vulnerability can be exploited by malicious web users to bypass access controls. Using the AEM JSON exporter, you can deliver the contents of any AEM page in JSON data model format. Confirm with Create. : Guide: Developers new to AEM and headless: 1. A “headless” CMS is a content management system that lets you take content from a CMS and deliver it to any front end using any framework of choice. GraphQL API. Additional resources can be found on the AEM Headless Developer Portal. Make no changes, select Save. . What’s new. Join us at Adobe Developers Live on May 23 for a day filled with insights on composable experiences in Adobe Experience Manager. AEM Headless Content Author Journey. In previous releases, a package was needed to install the GraphiQL IDE. Next page. The React App in this repository is used as part of the tutorial. It should appear in the drop-down list when you have installed its package as described previously. js v18; Git; 1. To download assets, follow these steps: In Experience Manager user interface, click Assets > Files. Open command prompt and navigate to the aem-forms-addon-native-<version> folder. An introduction to the headless features of Adobe Experience Manager, and how to author content for your project. AEM Headless Developer Journey - Start here for a guided journey through the powerful and flexible headless features of AEM, their capabilities, and how to use them on your first development project. A Headless Content Management System (CMS) is: "A headless content management system, or headless CMS, is a back-end only content management system (CMS) built from the ground up as a content repository that makes content accessible via an API for display on any device. Copy the asset link and share it with the users. 5; AEM Forms Package; Forms Designer (Windows only to create the XDP Templates/Fragments) Adobe Sign Developer. Discover the benefits of going headless and streamline your form creation process today. 5 or later; AEM WCM Core Components 2. Learn about headless technologies, what they bring to the user experience, how AEM. Topics: Content Fragments. 5's powerful headless capabilities like Content Models, Content Fragments, and the. Click the user icon from the upper-right corner and then click My Preferences to open the User Preferences window. This guide covers how to build out your AEM instance. Example applications are a great way to explore the headless capabilities of Adobe Experience Manager (AEM). Implementing User Guide: Understand how to build and customize experiences using AEM’s powerful features by exploring these development and deployment topics. Release Notes. Getting Started with AEM Headless as a Cloud Service;. Designs are stored under /apps/<your-project>. Select your site in the console. The AEM Headless SDK is available for various platforms: AEM Headless SDK for client-side browsers (JavaScript) AEM Headless SDK for server-side/Node. Tap Create new technical account button. Now that you have completed this part of the AEM Headless Developer Journey, you should: Understand important planning considerations for designing your content. What are GraphQL and Assets. My requirement is the opposite i. For the purposes of this getting started guide, we only need to create one configuration. Implementing Applications for AEM as a Cloud Service; Using. Certain points on the SPA can also be enabled to allow limited editing. 2. NOTE. Learn how to use AEM’s Assets REST API to manage Content Fragments and the GraphQL API for headless delivery of Content Fragment content. js. Consider which countries share languages. Each guide builds on the previous, so it is recommended to explore them thoroughly and in order. They can also be used together with Multi-Site Management to enable you to. In the Create Site wizard, select Import at the top of the left column. Adobe Creative Cloud provides creative teams with an ecosystem of solutions and services to help them. The Name will become the node name in the repository. As Type, select XPath. DAM Users “DAM”, in this context, stands for Digital Asset Management. 5 Forms instances, you gain the ability to create Core Components based Adaptive. 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. Tests for running tests. Discover the Headless CMS capabilities in Adobe Experience Manager. A collection of Headless CMS tutorials for Adobe Experience Manager. Browse the following tutorials based on the technology used. Near the upper-right corner of the page, from the View drop-down list, select List View. At the beginning of the AEM Headless Content Author Journey the Introduction covered the basic concepts and terminology relevant to authoring for headless. Last update: 2023-06-28. Guide: Architects: 1 hour: Headless Authoring Journey: For business users new to AEM and headless technologies, start here for an introduction to the powerful, and flexible, headless features of Adobe Experience Manager as a Cloud Service, and how to model content for your project. The following are examples of possible approaches for constructing URLs for AEM GraphQL API and image requests, for several popular headless frameworks and platforms. For the purposes of this getting started guide, you are creating only one model. Headful and Headless in AEM Overview. This interface provides a generic adaptTo () method that translates the object to the class type being passed as the argument. Start building dynamic, responsive forms that work seamlessly across devices with Adobe Experience Manager Headless Adaptive. This setup establishes a reusable communication channel between your React app and AEM. Click Create and Content Fragment and select the Teaser model. This grid can rearrange the layout according to the device/window size and format. 4. Level 2: In addition to level one: The RemotePage component can be used to embed the external SPA into AEM where AEM content can be viewed in-context. Authoring Basics for Headless with AEM. 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. : Guide: Developers new to AEM and headless: 1. This setup establishes a reusable communication channel between your React app and AEM. Enabling Content Fragments in AEM allows modular content creation, enhancing consistency and adaptability. Adobe Experience Manager Forms as a Cloud Service is a cloud-native solution for businesses to create, manage, publish, and update complex digital forms and communications while integrating submitted data with back-end processes, business rules, and saving data in an external data store. 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). 5 Forms instances, you gain the ability to create Core Components based Adaptive. Enter the preview URL for the Content Fragment. Therefore if you are new to headless in AEM, Adobe recommends that you start at the beginning and progress sequentially. Define the trigger that will start the pipeline. We’ll guide you through configuring your React app to connect to AEM Headless APIs using the AEM Headless SDK. At the beginning of the AEM Headless Content Author Journey the Introduction covered the basic concepts and terminology relevant to authoring for headless. Adobe Experience Manager projects can be implemented in both headful and headless models, but the choice is not binary. js-based SDK that allows the creation of React components, that support in-context component editing using AEM SPA Editor. Start building dynamic, responsive forms that work seamlessly across devices with Adobe Experience Manager. Adobe Experience Manager projects can be implemented in both headful and headless models, but the choice is not binary. They allow you to prepare content ready for use in multiple locations/over multiple channels, ideal for headless delivery. My requirement is the opposite i. e. Adobe Experience Manager supports a headless approach, freeing it from being bound to its historical Java-based web development. The Headless Getting Started Guides lay out a simple path for for creating, managing, and delivering experiences using AEM as a Cloud Service in five steps for users who are already familiar with AEM and headless technology. We’ll guide you through configuring your React app to connect to AEM Headless APIs using the AEM Headless SDK. View the source code. However, headful versus headless does not need to be a binary choice in AEM. Such specialized authors are called. Learn how AEM can go beyond a pure headless use case, with options for in-context authoring and experience management. Prerequisites. 5 as well via the Software Distribution portal. Tap or click Create. Developing SPAs for AEM. The following Documentation Journeys are available for headless topics. Please can someone guide me on this, also if there is a reference/ example of doing this,. This video series explains Headless concepts in AEM, which includes-. Learn how features like Content Fragment Models, Content Fragments, and a GraphQL API are used to power headless experiences. Click a component and configure its properties in the Settings tab. Project Setup Details. How to create. js. As you continue through this developer journey, you learn how AEM supports headless delivery along side its full-stack delivery capabilities. Sling offers an Adapter pattern to conveniently translate objects that implement the Adaptable interface. First select which model you wish to use to create your content fragment and tap or click Next. Getting Started with AEM Headless - GraphQL by Adobe Abstract Video. Adobe Experience Manager (AEM) was not solely built for commerce, and Adobe Commerce was not solely built for. Adobe’s Open Web stack, providing various essential components (Note that the 6. In the React import, add. Headless Getting Started Guide by Adobe Abstract The Headless Getting Started Guides lay out a simple path for for creating, managing, and delivering experiences using AEM as a Cloud Service in five steps for users who are already familiar with AEM and headless technology. In the String box of the Add String dialog box, type the English string. With Adobe Experience Manager (AEM) as a Cloud Service, you can selectively access your Content Fragments, using the AEM GraphQL API, to return only the content that you need. In a headless setup, the presentation system (the head) is decoupled from the content management (the tail). An introduction to the headless features of Adobe Experience Manager as a Cloud Service, and how to author content for your project. The following configurations are examples. This guide explains the concepts of authoring in AEM in the classic user interface. Last update: 2023-06-23. Creating an Assets Folder Headless Quick Start Guide; AEM Headless Content Architect Journey. Introduction. Configuring the container in AEM. Start building dynamic, responsive forms that work seamlessly across devices with Adobe Experience Manager Headless Adaptive Forms. At One Inside, our expertise relies on the implementation of the Adobe CMS, Adobe Experience Manager (AEM). For Java and WebDriver, use the sample code from the AEM Test Samples repository. Develop your test cases and run the tests locally. Tap/click the Experience Manager logo, and go to Tools > Assets > Folder Metadata Schemas. Discover the benefits of going headless and streamline your form creation process today. Now that you have read the article AEM as a Cloud Service Terminology and understand the basics of AEMaaCS structure, you are ready to log into the Admin Console for the first time!. In this part of the AEM Headless Developer Journey, learn about headless technology and why you would use it.