Using the SPA Editor with AEM Sites

Video overview of authoring content for a Single Page Application in AEM Sites.

AEM’s SPA Editor provides authors the ability to edit content for a Single Page Application or SPA. Developers using the framework of their choice (React or Angular) create a SPA and then map areas of the SPA to AEM components, allowing authors to use familiar AEM Sites editing tools. The below video demonstrates some of the in-context editing features with the WKND SPA sample site. The WKND SPA project includes both a React and Angular implementation.

NOTE

The Single-Page Application (SPA) Editor feature requires AEM 6.4 service pack 2 or newer.

The SPA Editor is the recommended solution for projects that require SPA framework based client-side rendering (e.g. React or Angular).

Additional Resources

The WKND SPA implementation only provides support for AEM 6.4.8+, AEM 6.5.5+ and AEM as a Cloud Service.

Download and install the appropriate WKND SPA package based on your version of AEM. There are separate versions for React and Angular.

For a detailed tutorial on developing with the SPA Editor see:

On this page

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now