Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

AEM React hybrid approach with SSR

Avatar

Level 5

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

1 Accepted Solution

Avatar

Correct answer by
Community Advisor
5 Replies

Avatar

Community Advisor

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

Avatar

Level 5

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

 

Avatar

Correct answer by
Community Advisor

Avatar

Level 5

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.

Avatar

Level 1

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