AEM React hybrid approach with SSR | Community
Skip to main content
N
nbg62
Level 4
December 5, 2022
Solved

AEM React hybrid approach with SSR

  • December 5, 2022
  • 2 replies
  • 4392 views

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

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

2 replies

Mani_kumar_
Community Advisor
Mani_kumar_Community Advisor
Community Advisor
December 7, 2022

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

    N
    nbg62Author
    Level 4
    December 7, 2022

    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_
      Community Advisor
      Manu_Mathew_Community AdvisorAccepted solution
      Community Advisor
      December 9, 2022

      @nbg62 It is possible to use SSR with AdobeIO

      ref.

      https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/server-side-rendering-using-adobe-io-aem-community-blog-seeding/m-p/419006

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

       

      This might give you some insights.

        N
        nbg62Author
        Level 4
        December 25, 2022

        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.

          D
          DeepankarDh
          October 24, 2023

          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

           

           

            Terms & ConditionsAccessibility statement

            Loading footer...