AEM React hybrid approach with SSR

[nbg62]

hi all,

we started building AEM React components using https://github.com/adobe/react-webcomponent which allows us to use regular AEM pages and mix regular components and React components on the same page.

Is it possible to serve/render  React components using Server Side Rendering with Adobe IO, I know it is supported with SPA editor approach but did anyone managed to do it using hybrid approach and  react-webcomponents ?

Thank you

[Mani_kumar_]

Could you please provide more details what exactly you are looking for ?

[nbg62]

hi,

we created react component using https://github.com/adobe/react-webcomponent  and we can put it on the regular AEM page along with regular  AEM core and custom components.

We're now investigating how we can achieve SSR just for this single react component and any other in the future.

Let's say we have a page with 4 regular components and 2 react components, we would like react components to be rendered using SSR.

There is approach for SSR but I think it only supports in a case when SPA editor approach is used.

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

[Manu_Mathew_ · Accepted solution]

@nbg62 It is possible to use SSR with AdobeIO

ref.

https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/server-side-rendering-usin...

https://blogs.perficient.com/2021/08/11/server-side-rendering-using-adobe-io/

This might give you some insights.

[nbg62]

That is not correct answer. 

We are looking for hybrid approach that is combining https://github.com/adobe/react-webcomponent and SSR with adobe IO.

Link that you provided is using SPA editor and SSR adobe io which requires "full" SPA approach.

[DeepankarDh]

Hi @nbg62 

I am in a similar situation, we also have used https://github.com/adobe/react-webcomponent   to create a hybrid page with mix of AEM and react components.

Now we are looking to enable SSR on it.

Can you please let me know how you approached it, and were you successful in implementing it?

Appreciate your response