AEM SPA Website Examples? | Community
Skip to main content
S
SupportMember
Level 6
January 29, 2021
Solved

AEM SPA Website Examples?

  • January 29, 2021
  • 2 replies
  • 2835 views

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?

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

@supportmember 

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?lang=en#about

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

 

Hope this helps.

2 replies

Suraj_Kamdi
Community Advisor
Suraj_KamdiCommunity Advisor
Community Advisor
January 29, 2021

@supportmember 

Here is the example https://wknd.site/content/wknd/us/en.html 

    S
    SupportMemberAuthor
    Level 6
    January 29, 2021
    This is just an example website. Any real production live websites?
    Anudeep_Garnepudi
    Community Advisor
    Anudeep_GarnepudiCommunity AdvisorAccepted solution
    Community Advisor
    January 29, 2021

    @supportmember 

    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?lang=en#about

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

     

    Hope this helps.

      Terms & ConditionsAccessibility statement

      Loading footer...