e. Headless implementation forgoes page and component management, as is traditional in. If you have a pure headless CMS, you will only have a content repository and nothing else. Getting Started with AEM Headless - GraphQL by Adobe Docs Abstract AEM’s GraphQL APIs for Content Fragments supports headless CMS scenarios where external client applications render experiences using content managed in AEM. infinity. With the power of Adobe's headless CMS capabilities, brands can build and deliver dynamic, connected experiences across any touchpoint faster. Oshyn. 5. This tutorial explores how AEM’s GraphQL APIs and headless capabilities can be used to power the experiences surfaced in an external app. Successive Digital. Their Magento 1. Provides important information about the latest release of AEM, including what’s new, supported platforms, deprecated and removed features, and known issues. Content Services: Expose user defined content through an API in JSON format. Headless CMS: organizes content separately from your front-end site development. This setup establishes a reusable communication channel between your React app and AEM. Ready-to-use templates and blocks of no-code builders significantly boost the process of bringing a website or app project to life. Faster. Get started with Adobe Experience Manager (AEM) and GraphQL. A headless CMS is a back-end only content management system (CMS) typically built as an API-first content repository. It's a back-end-only solution that. Products such as Contentful, Prismic and others are leaders in this space. Adobe Experience Manager headless CMS is the most flexible content management system that helps teams quickly build and deliver customer experiences across all channels and devices. Adobe Experience Manager Sites is an industry-leading headless content management system (CMS), which makes it easy for your marketing and IT teams to create and deliver personalized content experiences — wherever. Let teams author pages with familiar tools like Microsoft Word or Google Docs. Build a React JS app using GraphQL in a pure headless scenario. In the previous document of the AEM headless translation journey, Learn about headless content and how to translate in AEM you learned the basic theory of what a headless CMS is and you. This user guide contains videos and tutorials helping you maximize your value from AEM. Courses. Partially Headless Setup - Detailed Architecture. You also learn how you can create editable SPAs using AEM’s SPA Editor framework, and integrate external SPAs, enabling editing capabilities as required. 1. Adobe Experience Manager headless CMS gives you all the tools you need to manage your content and make it available via APIs to any number of front ends via both JSON and GraphQL. Headless implementations enable delivery of experiences across platforms and channels at scale. A task that involved ground-breaking work with the deployment of AEM 6. 5 and Headless. This session will cover the following - Content services via exporter/servlets Content fragment via asset API (demo) Content fragment via Graphql (demo) Some real. 5. It is a traditional, monolithic CMS with a content-as-a-service (CaaS) API. GraphQL API. GraphQL API. AEM provides robust. Implementing User Guide: Understand how to build and customize experiences using AEM’s powerful features by exploring these development and deployment topics. AEM Headless CMS Developer Journey. 10. Get Started with AEM Headless Translation. 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. Here, the AEM will act as a mere repository, exposing content as a service in REST/ GraphQL endpoints. Last update: 2023-06-23. This document. The Story So Far. This decoupling allows for more dynamic and flexible content delivery, enabling organizations to adapt quickly to changing technologies and user demands. The most common deployment pattern with AEM headless applications is to have the production version of the application connect to an AEM Publish service. Last update: 2023-11-06. Introduction. Log into AEM as a Cloud Service and from the main menu select Navigation > Assets > Files. I'd like to know if anyone has links/could point me in the direction to get more information on the following -Adobe AEM Magento Integration: A Tandem of CMS and Ecommerce. Separating the frontend from the backend unlocks your content, making. Enter a name for the connector and also select the “CMS Source” as AEMAEM CQ5 Tutorial for Beginners. With Adobe Experience Manager version 6. The Guide to Headless CMS From the origin of the web to modern content infrastructure, learn what is a headless CMS, their benefits, and the way to use them. First, explore adding an editable “fixed component” to the SPA. In this optional continuation of the AEM Headless Developer Journey, you learn how Adobe Experience Manager (AEM) can combine headless delivery with traditional full-stack CMS features and how you can create editable SPAs using AEM’s SPA Editor framework, and integrate external SPAs, enabling editing capabilities as required. AEM Sites. All Learning. Tutorials. Essentially, a monolithic architecture is more rigid by nature, and so it will become difficult, timely, and costly if. Bootstrap the SPA. Getting Started with AEM Headless - GraphQL by Adobe Docs Abstract AEM’s GraphQL APIs for Content Fragments supports headless CMS scenarios where external client applications render experiences using content managed in AEM. 5. In its place is a flexible API that can shoot data – be it a blog post or a customer profile – wherever you want. GraphQL API. 5 user guides. In the previous document of the AEM headless translation journey, Learn about headless content and how to translate in AEM you learned the basic theory of what a headless CMS is and you should now: Understand the basic. An introduction to using the features of Adobe Experience Manager as a Cloud Service as a Headless CMS to author content for your project. Experience Manager helps companies regain control over their digital content, which is often spread across numerous sites, channels, and apps — by providing much-needed structure for. Provide a Title and a. HubSpot doesn’t have designed instruments for headless development. This pattern can be used in any SPA and Widget approach but does make AEM more developer-focused. Contentful also has the capability. This guide describes how to create, manage, publish, and update digital forms. I'm looking for specific HTTP RESTful API documentation for AEM Assets headless-CMS. Author in-context a portion of a remotely hosted React application. All 3rd party applications can consume this data. Salesforce CMS opens up multiple ways and channels for you to surface all the varieties of your authored content — be it marketing materials, news articles or blog posts. As learned, a hybrid CMS clearly has benefits over traditional AEM and a headless CMS. 5. See Wikipedia. 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. Learn about headless content and how to translate it in AEM. Learn how AEM can go beyond a pure headless use case, with options for in-context authoring and experience management. Headless CMS in AEM. The following diagram illustrates the overall architecture for AEM Content Fragments. One such quick and easy way is to use our Delivery APIs in a Spring Boot web application deployed on Heroku. It gives developers some freedom (powered by a. A headless CMS i s a content management system (CMS) that lets you take content from the CMS and deliver it to any front end using any framework of choice. The two only interact through API calls. Browse the following tutorials based on the technology used. Website Only — the organization requires only websites, a traditional or hybrid CMS might fulfill the need. The first type of DXP is a full-stack, monolithic suite of solutions from a single provider, such as Salesforce Cloud, Adobe Experience Manager (AEM), or SAP CX. Adobe Experience Manager headless CMS is the most flexible content management system that helps teams quickly build and deliver customer experiences across all channels and devices. All 3rd party applications can consume this data. While decoupled from the back end, a hybrid CMS includes a presentation layer similar to a traditional or coupled CMS at the same time using a headless architecture for delivery. This guide explains what a content management system is, how it works, and how it can deliver content more efficiently November 8, 2023 10 min. AEM as a Cloud Service GraphQL API used with Content Fragments is heavily based on the standard, open source GraphQL API. 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. In Headless CMS the body remains constant i. It’s. 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. A hybrid CMS is a “halfway” solution. Headless CMS offers a future-proofed framework in our evolving digital age, and the developer flexibility, personalized content capabilities and speedy content delivery offered through headless give companies a competitive edge. Be aware of AEM’s headless integration levels. We can show you what AEM can do in regards to content delivery — and in which case headless is recommended. It supports both traditional and headless CMS operations. Content Models serve as a basis for Content Fragments. With the power of Adobe's headless CMS capabilities, brands can build and deliver dynamic,. In the file browser, locate the template you want to use and select Upload. Getting Started with AEM Headless - GraphQL by Adobe Docs Abstract AEM’s GraphQL APIs for Content Fragments supports headless CMS scenarios where external client applications render experiences using content managed in AEM. Last update: 2023-09-26. Adobe Experience Manager (AEM) is the leading experience management platform. of the application. For ease of authoring content, having easy-to-use editors such as WYSIWYG editors, text editors, dropdowns and custom editors is a must. About. Cockpit is a free, open-source and self-hosted headless CMS that describes itself as a “content provider” and “not a website builder. The Story So Far. Quick development process with the help. For the purposes of this getting started guide, you are creating only one model. In this optional continuation of the AEM Headless Developer Journey, you learn how Adobe Experience Manager (AEM) can combine headless delivery with traditional full-stack CMS features and how you can create editable SPAs using AEM’s SPA Editor framework, and integrate external SPAs, enabling editing capabilities as required. AEM 6. The following Documentation Journeys are available for headless topics. Time Commitment. Headless techniques These trends have led IT teams to consider headless content management as an option for experience management and delivery. Chapter 7 of the tutorial uses a native Android Mobile App to consume content from AEM Content Services. The Story So Far. The actual root cause was the CSRF filter blocking the requests in AEM Author, the path white listing looks to be not enabled while upgrading from 6. 5 and React integration. AEM as a Cloud Service GraphQL API used with Content Fragments is heavily based on the standard, open source GraphQL API. A headless CMS is a content management system that separates where content is stored (the “body”) from where it is presented (the “head“). AEM offers the flexibility to exploit the advantages of both models in one project. An end-to-end tutorial illustrating how to build-out and expose content using AEM’s GraphQL APIs and consumed by an external app, in a headless CMS scenario. It supports all the standard authentication protocols including SAML SSO and LDAP and regularly releases AEM security hotfixes that can be easily installed. The headless part is the content backend, as a headless Content Management System (CMS) is a back-end only content management system, designed and built explicitly as a content repository that makes content accessible via an API, for display on any device. AEM’s GraphQL APIs for Content Fragments. Content authors can use its intuitive interface to create content, and developers can deliver it. The Visual Editor allows the editorial team to manage and organize the content visually and intuitively. AEM's headless CMS features allow you to employ many technologies to provide content across all channels. This user guide contains videos and tutorials helping you maximize your value from AEM. This journey lays out the requirements, steps, and approach to translate headless content in AEM. Authoring for AEM Headless - An Introduction. html extension for . To support the headless CMS use-case. Therefore, a headless CMS is unable to access the data it needs to run its rich image editing and cropping capabilities, and the front-end application cannot access the curated images for rendering. The front-end developer has full control over the app. Discover the Headless CMS capabilities in Adobe Experience Manager. AEM offers the flexibility to exploit the advantages of both models in one project. In this part of the AEM Headless Developer Journey, learn about headless technology and why you would use it. Take a look:Created for: Beginner. The Content author and other. Headless AEM emerges as a modern architectural approach that revolutionizes content management, offering flexibility, scalability, and faster content. 4. 3 and has improved since then, it mainly consists of the following components: Content Services: Expose user defined content through an API in JSON format. Here you can specify: Name: name of the endpoint; you can enter any text. Scheduler was put in place to sync the data updates between third party API and Content fragments. Summit Registration: Session Details Customers move seamlessly between multiple devices and platforms to interact with brands today, and they expect those experiences to be seamless. e. The diagram above depicts this common deployment pattern. Navigate to Tools, General, then select GraphQL. Explore the power of a headless CMS with a free, hands-on trial. Customers' Choice 2023. A headless CMS which allows content authors to enter content easily, find existing content and reuse content is something that should come out of the box. Hear from experts for an exclusive sneak peek into the exciting headless CMS capabilities that are coming this year for Adobe Experience Manager Sites. Separating formatting from content allows you to publish content to any device or channel. A hybrid CMS, on the other hand, is a decoupled CMS which offers headless content management, plus all the content authoring features that marketers know and love. Next, we’ll use the AEM Headless SDK to retrieve Content Fragment data from AEM’s GraphQL APIs. 0+ version supports GraphQL API to expose the Content Fragment to enable the headless content experience. AEM 6. Storyblok is a headless CMS that both developers and marketers can use to deliver powerful content experiences on any front-end channel. Authoring Basics for Headless with AEM. Create Content Fragments based on the. When using AEM Headless Persisted Queries which access AEM over HTTP GET, a Referrer Filter. You can use APIs, you can pull that content out, but it doesn't have any. Headless CMS. This guide contains videos and tutorials on the many features and capabilities of AEM. The main difference between headless and monolithic CMSes is exactly that. Empower content teams to easily manage and update content at global scale. In this optional continuation of the AEM Headless Developer Journey, you learn how Adobe Experience Manager (AEM) can combine headless delivery with traditional full-stack CMS features and how you can create editable SPAs using AEM’s SPA Editor framework, and integrate external SPAs, enabling editing capabilities as required. 1. Provides important information about the latest release of AEM, including what’s new, supported platforms, deprecated and removed features, and known issues. As previously mentioned, a headless CMS is a back-end only solution which stores content and distributes it via RESTful API. A headless CMS allows you to manage content in one place and be able to deploy that content on any digital channel you choose. The Android Mobile App. Adobe Experience Manager Tutorials. Tutorials. This user guide contains videos and tutorials on the many features and capabilities of AEM Sites. compatible with. Build and connect apps to your content with any. Adobe Experience Manager is a software solution that’s equal part content management system (CMS) and digital asset management (DAM) system. In this optional continuation of the AEM Headless Developer Journey, you learn how AEM can combine headless delivery with traditional full-stack CMS features. This article builds on these so you understand how to create your own Content Fragment. Tutorials by framework. Any CMS has two essential components: a back end, where your data is managed and. supports headless CMS scenarios where external client applications render experiences using content managed in AEM. Live Webinar Time: 10:00 AM PT | 1:00 PM ET. An end-to-end tutorial illustrating. The sites and web applications built using Umbraco are responsive and thus adjusts accordingly on desktops as well as smart phones. 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. Magento (or Adobe Commerce as of April 2021) is a powerful ecommerce platform with its own content management system (CMS). Using headless e-commerce allows you to separate the CMS from the e-commerce engine part. 10. AEM Headless is a CMS solution from Experience Manager that allows structured content (Content. This CMS approach helps you scale efficiently to. 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. Watch overview. The typical use case being our clients have a complete AEM suite and we would like to pull down assets within the CMS for them to use within our application. Headless offers the most control over how and where your content appears. AEM 6. AEM Headless GraphQL Video Series Learn about AEM’s GraphQL capabilities through the in-depth walk-through of Content Fragments and and AEM’s GraphQL APIs and development tools. Answer: To expose data, we can use - SlingModelExporters with Components OR - GraphQL with content fragments . Connectors. Adobe Experience Manager (AEM) is the leading experience management platform. Adobe Experience Manager is a software solution that’s equal part content management system (CMS) and digital asset management (DAM) system. Umbraco. I'm looking for specific HTTP RESTful API documentation for AEM Assets headless-CMS. 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. We’ve guided hundreds of businesses through the process of selecting the right CMS for them. Release Notes. 3 and has been continuously improved since then, it mainly consists of the following components: Content Services: Provides the functionality to expose user-defined content through a HTTP API in JSON format. This provides huge productivity. Integrating NextJS with our headless CSM, Storyblok. It includes blog posts, eBooks, press releases, guides, and so on for websites, mobile applications, portals,. It's a back-end-only solution that. A modern content delivery API is key for efficiency and performance of Javascript-based frontend applications. ) that is curated by the. Learn. Headless CMS: organizes content separately from your front-end site development. It uses user segmentation, data-driven insights, and targeted marketing strategies to deliver tailored content. With Content Fragments and the GraphQL API you can use Adobe Experience Manager (AEM) as a Cloud Service as a Headless Content Management System (CMS). This does not mean that you don’t want or need a head (presentation), it’s that. Tutorials by framework. Headless Developer Journey: Explore this guided journey through the powerful and flexible headless features of AEM to prepare for your first headless project. It preserves all the advantages of BigCommerce headless but adds a GraphQL API for developers to easily connect third-party software. Using AEM as a Hybrid CMS. Unlike the traditional AEM solutions, headless does it without the presentation layer. Give your developers and marketers the toolkit to ship fast, flexible, multi-channel experiences with less effort. Your team may consist of developers, marketing specialists, and sales agents. Add a new CMS Connection to connect the community to the AEM server to pull the required content. 2. Adobe Experience Manager (AEM) is a comprehensive content management solution for building websites, mobile apps, and forms. Hence, you only get fewer attacks when choosing a headless CMS. How to Create Single Page Applications (SPAs) with AEM. The Story So Far. Learn about the concepts and mechanics of authoring content for your Headless CMS using Content Fragments. Discover what Multi Tenant Headless CMS is, and why its needed in 2023:. In the Create Site wizard, select Import at the top of the left column. This document provides an overview of the different models and describes the levels of SPA integration. Confirm with Create. 3 and has improved since then, it mainly consists of the following components: 1. A headless CMS is built to address the drawbacks introduced above. Adobe Experience Manager is a hybrid CMS that offers you the best of both worlds. AEM enables headless delivery of immersive and optimized media to. Read the Contributing Guide for more information. The following AEM documentation includes everything from essential guides for those new to the content management system (CMS) to videos, tutorials, and further learning resources to get the most out of AEM 6. Headless CMS advantages: • Scales efficiently to multiple channels and unlocks. Adobe Experience Manager (AEM) is a comprehensive content management solution for building websites, mobile apps, and forms. Storyblok is an enterprise-level Headless Content Management System with the Visual Editor. Before going into more details about this, a few words about GraphQL GraphQL is primarily designed to expose the content fragment data to downstream applications. In reaction to the threat of front-end development techniques evolving past back-end infrastructure, some companies moved towards what’s called a headless CMS approach using solutions like Contentful’s platform or a Jamstack architecture. Developer. Select Create. Mar 20, 2023. This article builds on these so you understand how to create your own Content Fragment Models for your AEM headless. Traditional CMS platforms hold content in predefined web templates that blend content presentation with back-end structure. Created for: Beginner. Then Getting Started with AEM Headless as a Cloud Service described AEM Headless in the context of your own project. In addition to offering robust tools to create, manage, and deliver traditional webpages in the full-stack fashion, AEM also offers the ability to author self-contained selections of content and serve them headlessly. Build a React JS app using GraphQL in a pure headless scenario. This document helps you understand headless content delivery, how AEM supports. Storyblok is an enterprise-level Headless Content Management System with the Visual Editor. 0 to 6. ) for you to create variable routing on your web application. 2. ) that is curated by the. This React application demonstrates how to query content using AEM’s GraphQL APIs using persisted queries. In this part of the AEM Headless Developer Journey, learn about what is required to get your own project started with AEM Headless. In this optional continuation of the AEM Headless Developer Journey, you learn how Adobe Experience Manager (AEM) can combine headless delivery with traditional full-stack CMS features and how you can create editable SPAs using AEM’s SPA Editor framework, and integrate external SPAs, enabling editing capabilities as required. This guide contains videos and tutorials on the many features and capabilities of AEM. Headless CMS are not in direct competition with no-code tools. 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. Discover what headless CMS does and why headless-only puts content marketing success at risk. Wow your customers with AEM Headless – A discussion with Big W. It becomes more difficult to store your assets,. 5. A headless CMS is a particular implementation of headless development. A headless CMS is API-first, which integrates content management tools via API. A headless CMS does not have a front-end system or presentation environment. Courses Tutorials Certification Events Instructor-led training View all learning options. A headless CMS is a backend-only CMS that provides a "Content Repository" that makes content accessible to any platform or digital channel via an API. Headful and Headless in AEM; Headless Experience Management. However, Experience Manager is best used with a hybrid approach that supports channel-centric content management and provides headless CMS functionality at the. 4) Security: The code in the client's browser is an open book, as is the data transferred from APIs. 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. Deciding on your next content management system can depend on several factors, including your current tech stack, the requirements of different departments, your current priorities and where you see your business heading in the future. Instructor-led training. A common myth that is associated with headless CMS platforms like Prismic is that they’re only good for websites like marketing landing pages and blogs. Discover the Headless CMS capabilities in Adobe Experience Manager. The headless CMS extension for AEM was introduced with version 6. Content Services: Expose user defined content through an API in JSON format. Our latest webinar shares a developer's perspective on today’s most essential CMS capabilities, and how that ought to guide your organization's current, but also future, CMS plans. AEM Headless - makes it possible to scale content almost without losing the personality of your brand. This involves structuring, and creating, your content for headless content delivery. This means that instead of being limited to web publishing like a traditional CMS, content can be pushed to any end experience like a mobile app, SPA, or voice device. The headless CMS has an API for the front-end code to retrieve data from the back end. While the user navigates through the web pages, the visitor’s profile is built automatically, supported by information. Headless content management is a key development for today’s web design that decouples the frontend, client-side applications from the backend, content management system. An end-to-end tutorial illustrating. What is a traditional CMS? This is likely the one you are. Objective This document helps you understand headless content. APIs can then be called to retrieve this content. The AEM Headless Client for JavaScript is used to execute the GraphQL persisted queries that power the app. Faster, more engaging websites. A little bit of Google search got me to Assets HTTP API. AEM Headless GraphQL Video Series Learn about AEM’s GraphQL capabilities through the in-depth walk-through of Content Fragments and and AEM’s GraphQL APIs and development tools. A headless-capable CMS exposesImplementing User Guide: Understand how to build and customize experiences using AEM’s powerful features by exploring these development and deployment topics. This comes out of the box as part of. 1. As a result, we created the. 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. 3 and has improved since then, it mainly consists of the following components: 1. Tap the ellipsis next to the environment in the Environments section, and select Developer Console. 5 user guides. This means you can realize. This tutorial walks through the implementation of an AEM site for a fictitious lifestyle brand the WKND. Experience Manager Sites is the only CMS that enables every marketer to create and edit webpages quickly. This tutorial starts by using the AEM Project Archetype to generate a new project. However, at the same time, by incorporating the concept of Content Fragments and Experience Fragments, AEM operates as a headless CMS. Support enterprise governance and globalisation needs with a cloud-native architecture that’s always current, providing fast deployment cycles, auto-scaling and a self-healing infrastructure. Adobe Experience Manager Sites pricing and packaging. Keep IT and marketing happy with a combined headless and traditional CMS. AEM as a Cloud Service lets you capitalize on the AEM applications in a cloud-native way, so that you can: Scale your DevOps efforts with Cloud Manager: CI/CD framework, autoscaling, API connectivity, flexible deployment modes, code quality gates, service delivery transparency, and guided updates. Separating the frontend from the backend unlocks your content, making it easier for marketers to manage content independently, and for developers to build faster, automate changes, and manage digital at scale. This guide describes how to create, manage, publish, and update digital forms. We’ve guided hundreds of businesses through the process of selecting the right CMS for them. The commonly implemented AEM-Commerce integration patterns are explained below: 1. The Story So Far. Because headless uses a channel-agnostic method of delivery, it isn’t tied. Wordpress VIP. I'm looking for specific HTTP RESTful API documentation for AEM Assets headless-CMS. All this while retaining the uniform layout of the sites (brand protection). Authors want to use AEM only for authoring but not for delivering to the customer. 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 powerful core package for personalization across channels with add-ons that let you customize to exactly what you need. the website) off the “body” (the back end, i. Headless Developer Journey. AEM Headless Client for Node. AEM Basics Summary. AEM’s headless capabilities make it an ideal platform for. Prior to this role, she worked as. Adobe Experience Manager supports a headless approach, freeing it from being bound to its historical Java-based web development. 0(but it worked for me while. In terms of authoring Content Fragments in AEM this means that:Translating Headless Content in AEM. Adobe Experience Manager projects can be implemented in both headful and headless models, but the choice is not binary. A modern content delivery API is key for efficiency and performance of Javascript-based frontend applications. Adobe Experience Manager (AEM),. What is a headless CMS? Headless refers to your content management system's architecture, or the way it’s laid out. Experience Manager helps companies regain control over their digital content, which is often spread across numerous sites, channels, and apps — by providing much-needed structure for content management. The use of AEM Pages and AEM Components empowers marketers to quickly compose and update flexible JSON APIs that can power any application. This document provides and overview of the different models and describes the levels of SPA integration. Our previous CMS was older, slower and more difficult to manage, which gave our global team little flexibility.