Building an E-commerce Site with AMP

on YouTube ↗30m

" summary

Shows how to build a complete AMP e‑commerce site using AMP HTML components and the AMP runtime: amp-list and amp-bind fetch and render JSON with amp-mustache templates for dynamic product lists, amp-form for validated checkout, amp-image/carousel/sidebar for UI, and amp-install-serviceworker or amp-iframe for advanced JS or payments (Payment Request API supported). Example bike-shop template on ampstart.com; real deployments report ~2x conversion lifts and a 60% speed improvement (Myntra).

AI-written summary · about

" chapters (7)

1. 0:00Introduction to amp
2. 0:54The case for speed
3. 4:31Core components of AMP
4. 9:55E-commerce with AMP
5. 14:32Making pages dynamic
6. 19:32User interactivity with bind
7. 23:53Advanced features and results

" related talks

• 40mHow to Build an E-Commerce Site with AMPBen Morss, Alan Kent · Google I/O 2019
• 28mProductive Web Development Powered by AMPKristofer Baxter, Ben Morss · Node+JS Interactive 2019
• 40mAMP: A Library for Beautiful and Responsive SitesSebastian Benz · code.talks 2017
• 34mRapidly Building Better Web Experiences with AMPNaina Raisinghani, Adam Greenberg · Google I/O 2019
• 31mAMP in 2018 Still fast, still furiousAndrey Lipattsev · GDG DevFest Ukraine 2017
• 26mAmp Under the Hood in Under an Hour!Ido Green · You Gotta Love Frontend 2016
• 29mCreate instant loading mobile web pages with AMPJuan Lizarazo · UtahJS Conf 2018
• 33mTowards the future with AMPJeanny Haliman · WordCamp Singapore 2017