#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 | Optimized boilerplate demo video | :play-medium:

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.

Content author and a developer editing a surfing website at the same time

Learn more about separation of concerns.

Content as a Service v3 - deeper-content-3 - Tuesday, December 24, 2024 at 18:25

https://main--bacom--adobecom.hlx.page/fragments/products/modal/videos/adobe-experience-manager/sites/developer-tools/out-of-the-box-components#box | Out-of-the-box blocks demo video | :play-medium:

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 | GraphQL demo video | :play-medium:
Integrations between the Adobe DAM and Adobe Express being used to personalize a web experience

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. Enable dynamic autoscaling for both authoring and publishing through containerization.

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%.
Live website changes automatically syncing across sites in several languages
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 | Learn more how to use rapid development features