Expand my Community achievements bar.

SOLVED

AEM SPA Website Examples?

Avatar

Level 6

Hello, we understand that AEM came out with the AEM SPA editor around 2 years ago. It was a new product. There are tutorials online from Adobe teaching basic and simple ways to setup a basic AEM SPA website, but I have not seen any real AEM SPA website's in live production.

Are there any AEM customers using AEM SPA's features in production live? I'm guessing that AEM SPA sites are just used for micro-websites?, and never used for at large scaled projects?.

On wappalyzer, all AEM websites are traditional server-side rendered pages, https://www.wappalyzer.com/technologies/cms/adobe-experience-manager

Thoughts?

https://wknd.site/content/wknd/us/en.html  is just an example website, and is not really used by real users. Any production websites using SPA that are used by many real users?

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

@AEMWizard 

AEM is a Hybrid CMS, using which you can create static pages as well as SPA refer. Your site can have both static and SPA pages, all you need to do is create a SPA template. Using/Creating SPA pages are up to requirements or need basics.

The best part is you can use the same Components(Core/Custom) for both SPA and non SPA use case. Core components are built in with HTL and Sling Model with JSON exporter, which can be used in regular or in headless use case. You can also do similarly with custom components.

  • SPA template will use Sling Models JSON exporter and React/Angular for rendering
  • Non SPA template will use HTL for rendering

You can create SPA template and use on needy basis.

Links might help you:

https://experienceleague.adobe.com/docs/experience-manager-learn/spa-react-tutorial/overview.html?la...

https://github.com/adobe/aem-guides-wknd-spa

 

Hope this helps.

View solution in original post

3 Replies

Avatar

Level 6
This is just an example website. Any real production live websites?

Avatar

Correct answer by
Community Advisor

@AEMWizard 

AEM is a Hybrid CMS, using which you can create static pages as well as SPA refer. Your site can have both static and SPA pages, all you need to do is create a SPA template. Using/Creating SPA pages are up to requirements or need basics.

The best part is you can use the same Components(Core/Custom) for both SPA and non SPA use case. Core components are built in with HTL and Sling Model with JSON exporter, which can be used in regular or in headless use case. You can also do similarly with custom components.

  • SPA template will use Sling Models JSON exporter and React/Angular for rendering
  • Non SPA template will use HTL for rendering

You can create SPA template and use on needy basis.

Links might help you:

https://experienceleague.adobe.com/docs/experience-manager-learn/spa-react-tutorial/overview.html?la...

https://github.com/adobe/aem-guides-wknd-spa

 

Hope this helps.