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

AMP on AEM with JS API

Avatar

Avatar
Validate 1
Level 1
iwanttobeDev
Level 1

Likes

2 likes

Total Posts

17 posts

Correct Reply

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

Avatar
Validate 1
Level 1
iwanttobeDev
Level 1

Likes

2 likes

Total Posts

17 posts

Correct Reply

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

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
Give Back
Level 2
narendragandhi
Level 2

Likes

17 likes

Total Posts

14 posts

Correct Reply

6 solutions
Top badges earned
Give Back
Boost 5
Boost 3
Boost 10
Boost 1
View profile

Avatar
Give Back
Level 2
narendragandhi
Level 2

Likes

17 likes

Total Posts

14 posts

Correct Reply

6 solutions
Top badges earned
Give Back
Boost 5
Boost 3
Boost 10
Boost 1
View profile
narendragandhi
Level 2

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
Validate 1
MVP
Nikhil-Kumar
MVP

Likes

240 likes

Total Posts

253 posts

Correct Reply

38 solutions
Top badges earned
Validate 1
Ignite 3
Ignite 1
Give Back 5
Give Back 3
View profile

Avatar
Validate 1
MVP
Nikhil-Kumar
MVP

Likes

240 likes

Total Posts

253 posts

Correct Reply

38 solutions
Top badges earned
Validate 1
Ignite 3
Ignite 1
Give Back 5
Give Back 3
View profile
Nikhil-Kumar
MVP

28-08-2020