Add SPA to the existing AEM instance? | Community
Skip to main content
Level 3
September 18, 2023
Solved

Add SPA to the existing AEM instance?

  • September 18, 2023
  • 1 reply
  • 596 views

Current AEM 6.5.10, we want to continue using all the existing components/pages/templates. But just wondering is it possible to add SPA capability to the current AEM instance?

Meaning we could have all the existing components/pages/templates to authoring/create pages as usual, and we also could have SPA components and pages for let's say a campaign page?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by EstebanBustamante

Hi @kam-nyc 

 

The SPA capability is already provided out of the box. The only requirement is that you need to use a specific set of components and pages to start using the SPA Editor. In other words, you would need a new AEM project archetype from the SPA flavor that suits your needs. Then, you can certainly create a specific page that will render as an SPA while keeping other pages with your current components. Just keep in mind the complexity increases when managing two projects.

 

Here are good resources about how to start with SPA:
https://experienceleague.adobe.com/docs/experience-manager-65/developing/spas/spa-getting-started-react.html?lang=en

https://experienceleague.adobe.com/docs/experience-manager-65/developing/spas/spa-architecture.html?lang=en

https://experienceleague.adobe.com/docs/experience-manager-learn/getting-started-with-aem-headless/spa-editor/react/custom-component.html?lang=en 

 

Hope this helps

1 reply

EstebanBustamante
Community Advisor and Adobe Champion
EstebanBustamanteCommunity Advisor and Adobe ChampionAccepted solution
Community Advisor and Adobe Champion
September 18, 2023

Hi @kam-nyc 

 

The SPA capability is already provided out of the box. The only requirement is that you need to use a specific set of components and pages to start using the SPA Editor. In other words, you would need a new AEM project archetype from the SPA flavor that suits your needs. Then, you can certainly create a specific page that will render as an SPA while keeping other pages with your current components. Just keep in mind the complexity increases when managing two projects.

 

Here are good resources about how to start with SPA:
https://experienceleague.adobe.com/docs/experience-manager-65/developing/spas/spa-getting-started-react.html?lang=en

https://experienceleague.adobe.com/docs/experience-manager-65/developing/spas/spa-architecture.html?lang=en

https://experienceleague.adobe.com/docs/experience-manager-learn/getting-started-with-aem-headless/spa-editor/react/custom-component.html?lang=en 

 

Hope this helps

Esteban Bustamante