Scaling Your eCommerce with Vue Storefront

Slide 1

Slide 1 text

Scaling your eCommerce with Vue Storefront HEADLESS COMMERCE SUMMIT 2020 @lauragift_

Slide 2

Slide 2 text

Hi! Gift Egwuenu Frontend Developer at Passionate People @lauragift_ giftegwuenu.com 2 @lauragift_

Slide 3

Slide 3 text

Scaling your eCommerce with Vue Storefront 3 @lauragift_

Slide 4

Slide 4 text

eCommerce platforms built with Monolithic architecture requires high cost of maintenance and eﬀort expended in development. How can we leverage modern solutions that'll yield quicker results and help solve challenging eCommerce industry problems. What’s the problem? 4 @lauragift_

Slide 5

Slide 5 text

Vue Storefront Vue Storefront is an open-source Headless PWA storefront for your eCommerce with a possibility to connect with any eCommerce backend. 5 @lauragift_

Slide 6

Slide 6 text

vuestorefront.io 6 @lauragift_

Slide 7

Slide 7 text

Modern Tech Stack 7 @lauragift_

Slide 8

Slide 8 text

Key Features 8 Platform Agnostic 100% Oﬄine Mode, Mobile Friendly, Native app features. PWA Support Magento, BigCommerce, Shopify, Shopware, WooCommerce. MIT Licenced and free to use with great community support. Open Source 1 2 3 8 @lauragift_

Slide 9

Slide 9 text

Vue Storefront Architecture 9 9 @lauragift_

Slide 10

Slide 10 text

Vue Storefront Architecture 10 10 @lauragift_ Backend Platform Elasticsearch Data Store

Slide 11

Slide 11 text

Core This acts as a glue for all the features that allow Vue Storefront to work. It contains all the entry points, SSR behavior, build process, in-app libs and helpers. Modules Modules are eCommerce features (cart, wishlist, catalog) you can use only the features you need. Themes No limitations on theming, fully customizable default theme. able to extend all the logic and add your HTML markup and styles. 11 Core Concepts VSF Core & VSF Module & VSF Theme = Fully Conﬁgured eCommerce Experience @lauragift_

Slide 12

Slide 12 text

Getting Started Vue Storefront CLI @lauragift_ 12

Slide 13

Slide 13 text

@lauragift_ 13

Slide 14

Slide 14 text

Vue Storefront Next 14 A new architecture based on Vue Composition API from Vue.js 3 and Nuxt.js Complete rewrite from previous version to make integration with 3rd party services seamless and improve developer experience. @lauragift_

Slide 15

Slide 15 text

Shopify Shopware 15 3rd Party Integrations @lauragift_ Stryker Commercetools

Slide 16

Slide 16 text

Ecosystem of tools @lauragift_ 16

Slide 17

Slide 17 text

“Headless Commerce alleviates the pain point by allowing for faster go to market with a signiﬁcantly lower total cost of ownership.” 17 — BigCommerce (State of the eCommerce platforms) @lauragift_

Slide 18

Slide 18 text

80+ Projects Built with Vue Storefront @lauragift_ 18 vuestorefront.io/live-projects

Slide 19

Slide 19 text

Twitter: @lauragift_ 19 Thank you! giftegwuenu.com