• Extend a Component

    *This article was modeled from the current Adobe React SPA documentation. Learn how to extend an existing Core Component to be used with the AEM SPA Editor. Understanding how to extend an existing component is a powerful technique to customize and expand the capabilities of an AEM SPA Editor implementation. Objective…


  • Create a Custom AEM Vue Component

    *This article was modeled from the current Adobe React SPA documentation. Create a Custom WeatherComponent Learn how to create a custom weather component to be used with the AEM SPA Editor. Learn how to develop author dialogs and Sling Models to extend the JSON model to populate a custom component. The Open…


  • Map SPA components to AEM components

    *This article was modeled from the current Adobe React SPA documentation. Learn how to map Vue components to Adobe Experience Manager (AEM) components with the AEM SPA Editor JS SDK. Component mapping enables users to make dynamic updates to SPA components within the AEM SPA Editor, similar to traditional AEM authoring….


  • Integrate a SPA

    *This article was modeled from the current Adobe React SPA documentation. Understand how the source code for a Single Page Application (SPA) written in Vue can be integrated with an Adobe Experience Manager (AEM) Project. Learn to use modern front-end tools, like a webpack dev server, to rapidly develop the SPA…


  • Create your first Vue SPA in AEM

    *This article was modeled from the current Adobe React SPA documentation. Welcome to a multi-part tutorial designed for developers new to the SPA Editor feature in Adobe Experience Manager (AEM). This tutorial walks through the implementation of a Vue application for a fictitious lifestyle brand, the WKND. The Vue app will be…


  • Vue SPA Editor Project

    *This article was modeled from the current Adobe React SPA documentation. Learn how to use an Adobe Experience Manager (AEM) Maven project as a starting point for a Vue application integrated with the AEM SPA Editor. Objective Understand the structure of a new AEM SPA Editor project built from a…


  • Cherry Picking Your Vue JS Application

    Vue JS is a versatile and performant web framework that allows developers to build small or sophisticated web applications. Paired with the Vue CLI, Vuex, and Vue router, Vue is more than capable of handling a production-level environment. Out of the box, Vue presents some pretty impressive numbers, but of…