How to Build an E-Commerce Site with AMP

on YouTube ↗40m

" summary

Shows a working AMP e-commerce site built from amp.dev templates and live data from WompMobile’s Campmor API, using amp-list + amp-mustache, amp-bind and amp-form to fetch, filter and mutate products; XHR batching reduces duplicate calls; build uses amp-html-autoscript and AMP Validator with Next.js for componentized pages. Cache issues get resolved with AMP Cache CORS headers and an AMP-redirect-to flow to move POSTs to the origin so cart mutations succeed; site functions end-to-end and matches real production patterns.

AI-written summary · about

" chapters (5)

1. 0:00Start
2. 33:35E-commerce components
3. 33:56Presentation components
4. 34:11Server side rendering AMP with Next.js
5. 37:15Assembling

" related talks

• 30mBuilding an E-commerce Site with AMPBen Morss, Raghu Simha · Google Developer Days India 2017
• 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
• 31mAMP in 2018 Still fast, still furiousAndrey Lipattsev · GDG DevFest Ukraine 2017
• 29mCreate instant loading mobile web pages with AMPJuan Lizarazo · UtahJS Conf 2018
• 26mAmp Under the Hood in Under an Hour!Ido Green · You Gotta Love Frontend 2016
• 01h 07mAccessible Web with AMP!Aman Sharma, Juna Salviati · Accessibility Days 2021
• 33mTowards the future with AMPJeanny Haliman · WordCamp Singapore 2017