Understand the flow of AEM + SPA

[Kalyan_ChakravarthyCh]

Hi,

I want to understand the flow of AEM + SPA how the en.model.json/home.model.json was formed and called to load. Is it in AEM or In UI it form en.model.json and called. Can anyone help the same. 

Thanks & Regards,

Kalyan

[Preetpal_Bindra]

Hello @Kalyan_ChakravarthyCh ,

are you referring to any documents/videos for it? Do you mind posting the link here. That would help explain the use case a little better.

thank you.

[Tethich]

I believe AEM SPA is using Sling Model Exporter to get JSON representation of requested page. As you don't have HTL. You only serve a JSON to your React or Angular components.

Sling Model Exporter documentation:

https://experienceleague.adobe.com/en/docs/experience-manager-learn/foundation/development/understan...

You can find a nice reply in my opinion here : https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/model-json-not-showing-com...

Another article on SPA topic, where model.json is also mentioned, even thought I believe is very clear what is the purpose of model.json in general (not only in SPA context): https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/spa-aem-how-can-we-apply-b...

And here in the Introduction it explains high level how SPA works: https://experienceleague.adobe.com/en/docs/experience-manager-65/content/implementing/developing/spa...

[Kalyan_ChakravarthyCh]

Hi @Tethich ,

Thank you for the details. Iam looking how the home.model.json is loading from frontend. How it is forming the home.model.json and calling from UI.  

Thanks & Regards,

Kalyan