Adobe Experience Manager Headless

gskittu · 9/2/23

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.

EstebanBustamante · 9/4/23

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

EstebanBustamante · 9/4/23

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