support for Other SPA integration with AEM

[Manu_Mathew_]

Hi guys,

So React and Angular integration is supported by AEM SPA, so is it possible to integrate any other framework with AEM using the Node and NPM?

So the use case here might be migrating a site that's developed in a proprietary framework similar to react, with concepts of components and patterns , so to convert these into an authorable component integrating it with AEM, can we do that?

Any thoughts or ideas?

[Asutosh_Jena_ · Accepted solution]

Hi @Manu_Mathew_ 

There are some rules defined, that SPA should follow to make it work in AEM.

Follow these steps to get your existing SPA ready to work with AEM.

1. Make your JS components modular. Make them capable of being rendered in any order, position and size.
2. Use the containers provided by our SDK to place your components on the screen. AEM provides a page and paragraph system component for you to use.
3. Create an AEM component for each JS component. The AEM components define the dialog and JSON output.

https://experienceleague.adobe.com/docs/experience-manager-65/developing/headless/spas/spa-architect...

Please review these here:

https://experienceleague.adobe.com/docs/experience-manager-65/developing/headless/spas/spa-architect...

Here is the AEM Architecture with SPA:

https://experienceleague.adobe.com/docs/experience-manager-65/developing/headless/spas/spa-architect...

Hope this helps and it will definitely give idea if the existing SPA can be migrated into AEM.

Thanks!

[Manu_Mathew_]

@Asutosh_Jena_  Thanks for the valuable information.