Remote SPA - component not rendered on AEM page | Community
Skip to main content
L
learningNeverStops
Level 2
July 21, 2023

Remote SPA - component not rendered on AEM page

  • July 21, 2023
  • 1 reply
  • 594 views

Hello,

 

We have set up Remote Spa by following:

https://experienceleague.adobe.com/docs/experience-manager-learn/getting-started-with-aem-headless/s...

https://experienceleague.adobe.com/docs/experience-manager-learn/getting-started-with-aem-headless/s... 

 

On React App, the result looks like:

 

 

But, the Adventure Details <div> is unavailable in AEM

 

 

 

 

 

Error in log: 21.07.2023 10:27:39.484 *ERROR* [[0:0:0:0:0:0:0:1] [1689915459446] GET /editor.html/content/wknd-app/us/en/home.html HTTP/1.1] com.adobe.cq.msm.ui.servlet.IsSourceRenderCondition path /content/wknd-app/us/en/home.html to check render condition is not valid

 

Requesting guidance on how to resolve this

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

1 reply

Shashi_Mulugu
Community Advisor
Shashi_MuluguCommunity Advisor
Community Advisor
July 22, 2023

@learningneverstops have you configured Remote next.js url localhost:3000 in page properties remote spa tab, and also your page component is configured as per the documentation pointing to remote spa template pagte component

    L
    learningNeverStopsAuthor
    Level 2
    July 24, 2023

    Hello @shashi_mulugu 

     

    Thanks for your reponse.

     

    Both resourceType and Remote Spa tab is configured. The WKND logo and the line underneath are visible in AEM. But, the AdventureDetails is not appearing.

      Terms & ConditionsAccessibility statement

      Loading footer...