AEM React hybrid approach (Normal AEM + SPA Component use together) | Community
Skip to main content
swapnildesai26
New Participant
July 3, 2024
Solved

AEM React hybrid approach (Normal AEM + SPA Component use together)

  • July 3, 2024
  • 3 replies
  • 1478 views

Hi team,

 

We are planning to implement hybrid approach in our project architecture where we can use both AEM core components and React SPA at same page. Please let us know if we have any dummy git project available which can be used as reference.

Thanks in advance !

 

Best Regards,

Swapnil Desai

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, 

The SPA components will render in the SPA Editor, and the AEM WCM Core component will render in the Page Editor, which are 2 different technologies, that share the same UI, but these are not compatible, you can read more here: 

https://experienceleague.adobe.com/en/docs/experience-manager-65/content/implementing/developing/spas/spa-overview 

https://medium.com/activate-aem/aem-spa-comparison-of-different-approaches-fd5860fb6530 

https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/using-aem-v-s-aem-spa/m-p/546322 

 

Just to clarify, A "hybrid" approach in the AEM world refers to the SPA Editor, where you can edit content through a WYSIWYG editor, while still leveraging Content Fragments/Sling Model Exporter to expose data and consume it in an "external" application (such as an app written in React).


Hope this helps

3 replies

EstebanBustamante
EstebanBustamanteAccepted solution
New Participant
July 9, 2024

Hi, 

The SPA components will render in the SPA Editor, and the AEM WCM Core component will render in the Page Editor, which are 2 different technologies, that share the same UI, but these are not compatible, you can read more here: 

https://experienceleague.adobe.com/en/docs/experience-manager-65/content/implementing/developing/spas/spa-overview 

https://medium.com/activate-aem/aem-spa-comparison-of-different-approaches-fd5860fb6530 

https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/using-aem-v-s-aem-spa/m-p/546322 

 

Just to clarify, A "hybrid" approach in the AEM world refers to the SPA Editor, where you can edit content through a WYSIWYG editor, while still leveraging Content Fragments/Sling Model Exporter to expose data and consume it in an "external" application (such as an app written in React).


Hope this helps

Esteban Bustamante
gkalyan
New Participant
July 9, 2024
swapnildesai26
New Participant
July 5, 2024

Is it possible or not ?

 

@lokesh_shivalingaiah @smacdonald2008 @arunpatidar