Edge Delivery Services or Headless Approach with Universal Editor

Edge Delivery Services for Adobe Experience Manager offers following ways of Authoring

• WYSIWYG Authoring using the Universal Editor - The Universal Editor is a modern UI allowing you to author AEM content in a content-agnostic way and is available for AEM projects leveraging Edge Delivery Services.
• Document-Based Authoring- If you use Edge Delivery services, you can choose to author your content as conventional documents such as Microsoft Word or Google Docs entirely outside of AEM consoles.

And there is AEM Content Fragment Editor - for creating headless content.

However since Universal Editor is truly universal it can be instrumented for any implementation, for any content, and for any aspect of the content.

Static Site Generation with Universal Editor

We will see how we can use Universal Editor for our Static Site Generation approach. With this way we will still have Performant (static) website delivered from our own CDN, Authoring experience using Universal Editor and Content stored in Content Fragments, but for Developer Experience we can use one of the frameworks like Next.JS (React), SvelteKit (Svelte) , Nuxt (Vue), Astro (any frontend framework) and many others.

Edge Delivery Services or Static Site Generation with Universal Editor

Let’s compare two approaches :

Implementation

In this case I will choose the following stack :

• Astro as a JavaScript web framework optimized for building fast, content-driven websites.
• Cloudflare as a Delivery CDN layer
• Universal Editor for Authoring experience