AEM SPA Website Examples?

Avatar

Avatar
Boost 1
Level 2
AEMWizard
Level 2

Like

1 like

Total Posts

30 posts

Correct reply

1 solution
Top badges earned
Boost 1
Validate 10
Validate 1
Applaud 5
Affirm 1
View profile

Avatar
Boost 1
Level 2
AEMWizard
Level 2

Like

1 like

Total Posts

30 posts

Correct reply

1 solution
Top badges earned
Boost 1
Validate 10
Validate 1
Applaud 5
Affirm 1
View profile
AEMWizard
Level 2

29-01-2021

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?

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar
Establish
MVP
Anudeep_Garnepudi
MVP

Likes

275 likes

Total Posts

320 posts

Correct reply

87 solutions
Top badges earned
Establish
Ignite 1
Give Back 5
Give Back 3
Give Back 10
View profile

Avatar
Establish
MVP
Anudeep_Garnepudi
MVP

Likes

275 likes

Total Posts

320 posts

Correct reply

87 solutions
Top badges earned
Establish
Ignite 1
Give Back 5
Give Back 3
Give Back 10
View profile
Anudeep_Garnepudi
MVP

29-01-2021

@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.

Answers (1)

Answers (1)

Avatar

Avatar
Seeker
MVP
Suraj_Kamdi
MVP

Likes

148 likes

Total Posts

159 posts

Correct reply

42 solutions
Top badges earned
Seeker
Bedrock
Engage 1
Springboard
Validate 1
View profile

Avatar
Seeker
MVP
Suraj_Kamdi
MVP

Likes

148 likes

Total Posts

159 posts

Correct reply

42 solutions
Top badges earned
Seeker
Bedrock
Engage 1
Springboard
Validate 1
View profile
Suraj_Kamdi
MVP

29-01-2021