AMP on AEM with JS API | Community
Skip to main content
August 28, 2020
Solved

AMP on AEM with JS API

  • August 28, 2020
  • 2 replies
  • 1100 views

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

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 narendragandhi

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!

2 replies

Nikhil-Kumar
Community Advisor
Community Advisor
August 28, 2020
narendragandhi
Community Advisor
narendragandhiCommunity AdvisorAccepted solution
Community Advisor
August 28, 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!