#F5F5F5
Adobe Experience Manager Sites Features

Rapid development

Adobe Experience Manager Sites is designed to fit into existing developer workflows. With vanilla JS, HTML, and CSS, you can quickly build high-performing experiences. The extensive set of APIs makes accessing content and customizing the CMS easy, while the boilerplate code empowers you to create web experiences with a performance-first approach.

https://main--bacom--adobecom.hlx.page/fragments/products/modal/videos/adobe-experience-manager/sites/developer-tools/optimized-boilerplate-code#optimized | AEM Sites boilerplate code with GitHub integration for version control. Includes blocks, styles, and component folders.

Optimized boilerplate code

Jump-start development with the Adobe boilerplate code foundation, an enhanced project blueprint that provides an optimal starting point for building experiences with green Core Web Vitals. With it, developers can easily start projects, minimize unnecessary code, and achieve fast page-load time.

Separation of concerns

Get complete developer agility with separation of code, content, and design. This separation lets content authoring occur parallel to design and development, making the process more modular and agile. It also simplifies maintenance by making it easier to develop, debug, and update web applications, improving development speed and efficiency.

Adobe Experience Manager Sites lets you troubleshoot, reload, and publish code and content separately to improve development speed and efficiency.

Learn more about separation of concerns.

Content as a Service v2 - deeper-content-3 - Thursday, May 2, 2024 at 13:43

https://main--bacom--adobecom.hlx.page/fragments/products/modal/videos/adobe-experience-manager/sites/developer-tools/out-of-the-box-components#box | An Adobe Experience Manager Sites boilerplate content template, with headings, text, images, lists, links, buttons, code, and section blocks.

Out-of-the-box blocks

Create pages quickly with flexible pre-built blocks for web elements such as heroes, headings, images, lists, and more. This makes it easy for authors to build pages while developers focus on constructing custom components.

  • Intuitive and usable. Use lightweight vanilla JS- and CSS-based components that are reflexive and easy for any author or developer to use.
  • Fast, accessible, and SEO-optimized. Optimize page performance with blocks built to ensure SEO and accessibility by default.
  • A lower cost of ownership. Leverage existing Experience Manager Sites projects to build new blocks, reducing the development and maintenance required for creating a site.

API driven

Extend Experience Manager Sites and develop applications with powerful and purpose-built APIs, such as our GraphQL API. GraphQL offers an industry-standard query language for efficient content retrieval that returns only the requested content, so responses match the requesting application’s format and needs. It also supports nested queries, ensuring quick, on-brand, and responsive experiences across all digital channels.

  • Headless content delivery. Use the GraphQL query language and headless APIs to deliver content to all your apps in JSON format.
  • Relevant data. Query Content Fragments with all the elements, variations, and nested references required for rendering by an app.
  • Fast, scalable performance. Use persistent queries to ensure the fastest customer experiences with cacheable content queries designed for web architecture and caching in CDNs.
  • Tool and language options. Leverage GraphQL, which is front-end agnostic and minimizes SDK dependencies, to let developers work in any language or tool (such as React, Angular, or iOS).
  • Powerful structured content. Empower teams to develop robust and reusable content models, along with modular, reusable pieces of content, by using Content Fragment models that support numerous field types and the ability to create interrelationships.
https://main--bacom--adobecom.hlx.page/fragments/products/modal/videos/adobe-experience-manager/sites/developer-tools/graphql#graphql | Adobe Experience Manager Sites GraphiQL Explorer user interface.
An AEM Assets media panel showing image options for building a personalized buying guide.

Extensible integrations

Integrate Experience Manager Sites as needed to address your unique requirements.

  • Pre-configured connections. Deliver personalized experiences to your customers using integrations with other Adobe Experience Cloud applications.
  • Faster experience delivery. Accelerate time to market with validated third-party applications and services provided by Adobe Exchange.
  • Extended functionality. Leverage the Adobe extensibility framework and Adobe Developer App Builder to expand core capabilities and build custom solutions on a serverless, cloud-native architecture.

Cloud-native foundation

Rest assured knowing that Experience Manager Sites is always up to date. The cloud-native foundation ensures the latest capabilities are seamlessly validated, backward compatible, and instantly accessible.

  • Automatically adjusted resources. Enable dynamic autoscaling for both authoring and publishing through containerization.
  • Worldwide accessibility. Reduce latency and increase availability with multiple globally located publish regions and an out-of-the-box content delivery network.
  • Reliable service infrastructure. Enjoy high availability and fast incident responses with supported SLAs as high as 99.99%.
AEM Sites sync all changes functionality updates an English, French, and Spanish language media asset simultaneously.
linear-gradient(231deg,rgba(206,221,255,1)0%,rgba(226,225,251,1)34%,rgba(206,192,238,1)92%)

Learn how to use rapid development features.

Find what you need in Adobe Experience League, our vast collection of how-to content — including documentation, tutorials, and user guides.

Learn more