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.
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).
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: