Open Source eCommerce with Nuxt and Vue Storefront

on YouTube ↗30m

" summary

Claims that a headless Nuxt storefront plus Vue Storefront yields a production-ready, open source e‑commerce stack: a Tailwind-based Storefront UI (copy‑pasteable components), a middleware called Vue Storefront Connect with one-file setup and SDK for typed RPC‑style calls, SSR patterns to avoid caching user sessions (client-only component and useFetch.server=false), over 100 early contributors and 10+ platform integrations, and a working boilerplate used in real projects since 2017.

AI-written summary · about

" chapters (12)

1. 0:00Introduction
2. 2:22Why e-commerce matters
3. 4:28Monolith to headless with Vue Storefront
4. 9:28First headless solution
5. 12:37What is headless e-commerce
6. 14:00UI libraries for e-commerce
7. 17:32Optimizing small projects
8. 18:14Scaling enterprise e-commerce
9. 20:02SSR session content
10. 23:15Performance pitfalls
11. 25:43API Gateway role
12. 28:13Demo and summary

" related talks

• 19mVue Storefront + Vendure = Fullstack Open Source EcommerceJakub Andrzejewski · Vue.js London Live 2021
• 22mIntroduction to Vue Storefront NextFilip Rakowski · Vue.js Global 2020
• 23mMaking eCommerce sexy again with Vue Storefront and Composition APIFilip Rakowski · Vue.js Amsterdam 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
• 36mThe biggest eCommerce Vue project with Composition APIFilip Rakowski · vueday 2020
• 44mHow we used Nuxt and Composition API in Vue Storefront?Filip Rakowski · Vue.js fwdays'20 online conference
• 01h 02mA sneak peek into the future headless eCommerceSamuel Snopko · vueday 2021