Expand my Community achievements bar.

Learn about Edge Delivery Services in upcoming GEM session
SOLVED

Tabs component for Remote SPA

Avatar

Level 2

Hi Team, 

Is there any project implemented Tabs Component for Remote SPA. Our project is remote SPA and AEM component data can be exported using Jackson exporter as page.model.json, entire rendering is happens on React code (Node JS application).


How to override Tabs Sling Model so that tabs component data can be exported as JSON.

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Hi, 

 

By default, all the core components are using the Sling Model Exporter feature, so the tabs component will be exporting the information for your SPA remote application already. In case you need to customize some of this information for your SPA, you can just use the "delegation pattern" to overwrite and customize the model that may not fit well to your use case.

 

Here is an example of how to customize the model by following the delegation pattern: https://experienceleague.adobe.com/docs/experience-manager-learn/getting-started-with-aem-headless/s... 

 

Hope it helps

 

 



Esteban Bustamante

View solution in original post

1 Reply

Avatar

Correct answer by
Community Advisor

Hi, 

 

By default, all the core components are using the Sling Model Exporter feature, so the tabs component will be exporting the information for your SPA remote application already. In case you need to customize some of this information for your SPA, you can just use the "delegation pattern" to overwrite and customize the model that may not fit well to your use case.

 

Here is an example of how to customize the model by following the delegation pattern: https://experienceleague.adobe.com/docs/experience-manager-learn/getting-started-with-aem-headless/s... 

 

Hope it helps

 

 



Esteban Bustamante