5 minutes
h1

Most enterprise Adobe Experience Manager (AEM) deployments are wired to one channel: the website. This article shows how to redesign that architecture so content is authored once in AEM and delivered across web, mobile, email, and authenticated portals through a single GraphQL API.

Most enterprise Adobe Experience Manager (AEM) implementations were scoped as website CMS (content management system) projects instead of as content platforms. When this happens, AEM deployments are wired to one channel: the website. Often, mobile apps, email platforms, authenticated portals, and SPAs each get their own authoring tool, and the same content gets re-entered into three or four places. But it doesn't have to be this way. AEM offers Content Fragments and native GraphQL support for headless delivery, which makes this an architecture problem, rather than a product limitation.

The content duplication problem - two teams, one root cause

The content duplication problem is seen differently by the two key teams.

Both trace the problem to the same decision made at implementation time: AEM was scoped as a website CMS, not a content platform.

Split diagram: left column lists Marketing pain points, right column lists Tech pain points, both arrows pointing to a single box: 'AEM scoped to website only

Key insight

Every team experiencing this already has AEM running with GraphQL turned on, and unused. The real constraint is the scope set at implementation time, and that's what needs to change.

Three content types, one source of truth

AEM has three content types built for different delivery needs. Choosing the right one for each use case is what makes omnichannel delivery possible.

The diagram below showcases how headful, headless and hybrid uses of AEM can function in parellel, with Content Fragments and Experience Fragments acting as a centralized content hub for content that may be surfaced in various channels beyond the website.

Hub diagram: AEM at center with three outbound paths: Sites/Components → web browser; Content Fragments via GraphQL → mobile app, SFMC (Marketing Cloud Next), authenticated portal, SPA; Experience Fragments → Adobe Target, email

TIP
The most common mistake I see is teams treating Content Fragments and Site Components as interchangeable when they solve different problems. Ask one question: will this content ever need to appear outside a browser-rendered AEM page? If the answer is yes (or even maybe), it belongs in a Content Fragment. The same test applies inside the website too: if the content will repeat across many pages, model it as a Content Fragment so you are maintaining one source instead of copying it page by page.

How-to - 3 steps

Building the AEM-as-a-content hub architecture

The AEM as-a-content hub architecture has these key elements.

Architecture diagram: AEM authoring environment → Content Fragment models → GraphQL endpoint → fan-out to: the enterprise website (Sites/headful), mobile app (API), SFMC / Marketing Cloud Next (email), authenticated portal (API), SPA (API)

How-to (3 steps):

Key takeaways

AEM's headless and headful modes are two delivery paths on the same platform. Most teams treat them as an either/or. They were designed to run in parallel.

Next Steps for practitioners

Next Steps for digital and marketing leaders

Learn more

Documentation

Perspectives from Adobe Champions