AMP on AEM with JS API

Avatar

Avatar

iwanttobeDev

Avatar

iwanttobeDev

iwanttobeDev

28-08-2020

Hello i want to ask about best practice to combine AEM with js API with AMP,

 

for example:

<amp-carousel width="2000" height="500" layout="responsive" type="slides" autoplay delay="2000" role="region" aria-label="Carousel with autoplay" data-sly-use.data="banner.js">
<amp-img src="${data.image}" width="2000" height="300" alt="a sample image" layout="responsive"></amp-img>

....
</amp-carousel>

or put it on

<div data-sly-use.data="banner.js">
AMP code ...
</div>

 

but i got error, can someone guide me for best practice on this? its doesnt matter if u guys can solve this with Java API, i appreciate any help in this matter.


thanks in advanced. 
Regards

AMP

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar

narendragandhi

Avatar

narendragandhi

narendragandhi

28-08-2020

Hi @iwanttobeDev ,

 

AMP support has been added to AEM Core components in 2.11.0 - https://github.com/adobe/aem-core-wcm-components/releases/tag/core.wcm.components.reactor-2.11.0

 

You can refer this article for a comprehensive guide on the implementation and also covers the use case about carousel component - https://www.bounteous.com/insights/2019/11/15/open-source-google-amp-aem-core-components/

 

Thanks!

Answers (1)

Answers (1)

Avatar

Avatar

Nikhil-Kumar

MVP

Avatar

Nikhil-Kumar

MVP

Nikhil-Kumar
MVP

28-08-2020