Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn more

View all

Sign in to view all badges

SOLVED

AMP on AEM with JS API

iwanttobeDev
Level 2
Level 2

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

1 Accepted Solution
narendragandhi
Correct answer by
Level 3
Level 3

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!

View solution in original post

2 Replies
narendragandhi
Correct answer by
Level 3
Level 3

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!

View solution in original post