Ecommerce as easy as an UI component

on YouTube ↗23m

" summary

Concrete demo of a composable-based storefront that actually fetches and updates cart data using the Shopware Store API, built on Vue 3 + Nuxt3 and a small set of templates, with Node 16/18 required and an available fallback demo instance. The example implements a product card, uses composables like useProductSearch, useProductPrice, useAddToCart, refreshCart to show prices and add/remove items, claims 50+ composables, and provides a StackBlitz/GitHub demo and docs to reproduce the working flow.

AI-written summary · about

" chapters (11)

1. 0:00Introduction
2. 3:15Why e-commerce overwhelms devs
3. 5:01Introducing Shopper Frontends
4. 6:50How Shopper Frontends works
5. 9:14Composables in Shopper Frontends
6. 10:19Setting up project
7. 13:28Building product card
8. 16:41Adding to cart
9. 19:51Full workflow example
10. 20:34Key takeaways
11. 21:39Resources

" related talks

• 23mMaking eCommerce sexy again with Vue Storefront and Composition APIFilip Rakowski · Vue.js Amsterdam 2020
• 36mThe biggest eCommerce Vue project with Composition APIFilip Rakowski · vueday 2020
• 30mImplementing an eCommerce online shop in no time using a boilerplate approachKristina Keil, Juan Garcia · code.talks 2022
• 09mBuilding Ecommerce Storefonts With Big Commerce & VueAshley McKemie · Vueconf.US 2020
• 22mIntroduction to Vue Storefront NextFilip Rakowski · Vue.js Global 2020
• 19mVue Storefront + Vendure = Fullstack Open Source EcommerceJakub Andrzejewski · Vue.js London Live 2021
• 30mOpen Source eCommerce with Nuxt and Vue StorefrontFilip Rakowski · Vuejs Amsterdam 2024
• 01h 02mA sneak peek into the future headless eCommerceSamuel Snopko · vueday 2021