Performant Components through Customisation
summary
StorefrontUI aims to give heavy customization without killing performance and claims about 80% design coverage for common e‑commerce needs. Concrete tools and patterns include CSS variables for theming, named slots to avoid endless props, icons that accept path strings or arrays, per‑component ES module imports to shrink bundles, lazy loading images with Cloudinary, and docs via Storybook and VuePress. A living demo exists and the library is open source with production and accessibility work underway.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 1:54What is CloudNuri
- 3:19Component Library
- 7:10Design System
- 9:05Planning
- 11:00Performance
- 12:04Customizability
- 13:55Starting Customisation
- 14:37CSS Variable
- 17:21Icon
- 21:03Delivery
- 24:31Documentation
related talks
23mEcommerce as easy as an UI component
30mOpen Source eCommerce with Nuxt and Vue Storefront
30mImplementing an eCommerce online shop in no time using a boilerplate approach
07mDesign Systems in Vue
22mIntroduction to Vue Storefront Next
19mVue Storefront + Vendure = Fullstack Open Source Ecommerce
29mAdvanced Vue.js features and patterns in the enterprise
36mThe biggest eCommerce Vue project with Composition API