Open Source eCommerce with Nuxt and Vue Storefront
summary
Headless storefront patterns, concrete tools and gotchas explained with numbers: eCommerce sites tripled in four years and doubled in 2021. Uses Vue Storefront Connect as a middleware / API gateway to federate and orchestrate APIs (example: merging product data from SAP Commerce with descriptions from CommerceTools) and a typed frontend SDK. UI accelerates with Storefront UI (Tailwind copy‑paste components) and runtime fixes use client-only components plus server placeholders to avoid cache and layout shift problems.
AI-written summary · about
chapters (10)
- 0:00Introduction
- 10:10Headless storefronts with JS
- 12:16Storefront UI library
- 15:00Scaling headless eCommerce
- 20:02API Gateway benefits
- 26:03eCommerce storefront principles
- 27:30Q&A: Performance vs tradeoffs
- 30:20Q&A: Security and Shopify
- 33:28Q&A: UI library and Tailwind
- 34:56Closing
related talks
31mA sneak peak into the future headless eCommerce
01h 02mA sneak peek into the future headless eCommerce
22mOptimization strategies for a performant, headless storefront
36mNuxt as the backbone of a scalable e-commerce platform
21mHeadless eCommerce: Shopify + NextJs = ❤️
31mThe state of modern e-commerce
41mHeadless E-Commerce: The advantages of using Headless CMS with your e-commerce site
31mRethinking composable E-Commerce Frontends