Eve Egwuenu:
Hi, my name is Gift Egwuenu and I'm a
frontend Developer at passionate people. After this talk if you'd like to reach out to me, you can find me on Twitter at @lauragift_. and also my
personal websites giftegwuenu.com.
Today, I'm going to be talking about scaling your eco mass. We've used the
ferns in this store. Cover Culverhouse view. Storefront can help you build more resilient e-commerce applications. Start by looking at your existing
problem. Building eCommerce platforms. ECommerce platform built with monolithic architecture requires high cost of maintenance and effort expended in development.
So how can we leverage modern solutions now? Huge quicker results and help solve challenging eCommerce industry problems. This is where
view suffering comes into the picture. The fact that, it uses and headless architecture allows view storefront to be a very great
solution for us. What is view storefront view?
Storefront is an open source headless progressive web app store fronts for your eCommerce, with the possibility to
connectto any e-commerce backend. So the great thing is that we've vue storefronts and connect with any commerce platform. So it's would now bea frontend
PW for either Shopify
or b commerce or vue commerce, depending on the eCommerce platform you decide to use.
Vue Storefronts  is built as a progressive web app and follows a headless approach where the backend is decoupled from the UI. And it's also built with
modern architecture, most eCommerce platforms, heavily rely on PHP or some enterprise level framework.
But now we can vue with more
modern technology vue storefront  is built with vue JS and storefronts UI, which is a design system for useful firms.
What are some of the key features and why should you consider using it? First it's platform agnostic. Like I said earlier, you can connect as many e-commerce backend as
you'd like.
So if you're going to use Magento, great, you can connect Margento. If you decide to use Shopify shop ware or WooCommerce, you can also connect that. So it
doesn't really have a designated or a single e-commerce plus vue. You can leverage as many eCommerce platforms as you'd like. It's
also has PWS support.
What this means is that you get a hundred percent offline mode supports. You can use your application without internet. It also has
a great mobile user experience and native app features like you
can add the application to your own screen and use it as like a
native mobile app. It's also open source.
It's heavily built by the vue community. And it also has great community supports,
which is something people usually look out for when trying to choose a new framework or trying to choose something new to use.
And I feel like this is an added advantage for vue storefronts. Vue storefronts provides shopping experiences like native apps while helping boost
sites, with customizations.
Let's look at the vue storefront architecture, the way vue storefront is built is that no matter what
e-commerce backend insights you use, the front end will always remain the same without any change. So you can use the front end with any backend comments of your choice. This
diagram here explains it a bit better.
On the left, we have the backend platform, which can be either Magento, Shopify, Presta shop. And we also have a data pump.
The job of the data  pump is to pump data from the backend to an elastic search data store that then transforms the data into what the front end can consume.
What's the building block of vue storefront.  There are three major concepts of vue storefronts, and they all fits together to
connect.
and build a fully configured eCommerce experience that you'd want to use in your applications. The first one is if you suffer and core this acts
as a glue for all of the features that allows you to use vue storefronts to work, it contains all the entry points contains the Saba side rendered behavior and a
beat processes under arrest.
There's also the mode used emojis are the eCommerce featuresthemselves. So you have in there, you have the cats, you have the
wishlist feature and you also have the catalog feature and you can decide to use any specific one that you need. You're not bound to use everything. So modules
allows you to pick exactly what you would need in your application.
And then lastly seems you can seam and you can customize your storefronts to
fit your brand. So there is no limitation on theming. It is fully customizable. There are currently two themes, the defaults theme and the capybara theme right now.
And you candecide to either use those or build out your own or extend your own to feature your brand.
How can you get started? You can start
by using a few stuff from CLI the CLI is available for installation, and you'd start by cloning the report, the original report on GitHub, and
then running the vue storefront initialized command. This will help you cut food 
in new projects. Let's take a look at a quick demo of how you would
typically use vue storefront.
Now, this is a vue storefront application running, and you have different features coming
from vue storefronts. You can add things to your wish list. You can add items to your cart. Currently, I have something in my cart. You can check out. So this, this is the vue storefronts
experience rights. This is where you would connect or integrate your backend.
ecommere. So here it could either be
Shopify that is handling the experience of checkout, or it could either be Magento. So that's how
vue storefronts work.
Vue storefronts next is a new
architecture based on vue composition,  API from vue three and nuxt.js. Did seem the vue storefront scene. I've decided to do a complete
rewrite from theprevious version to make integration. with 3rd party services seamless and also to help improve developer experience.
With vue storefronts next, we can even
have more supported platforms. So we have now in developer preview mode, Shopify integration, there is also shopware,  Stryker and commercetools
there's even a wide range of integration, that's capable with vue storefronts from different e-commerce backend to connection with headless CMS, like story block Contentful
and with different payments integrations, like you could use to track.
Connor Apple P or decide to use PayPal
and you even get access to third party services like Algolia for search and Amazon alexa, if you want to extend the functionality of
your e-commerce application, vue storefronts is a great solution for solving your eCommerce needs. And should you be using it?
Should you use
it for your e-commerce projects? I would say yes, because, as you can see, it has a lot of features that would really help extend and help you
build an eCommerce platform, with modern architecture. The question here is not, why should you use it?Is when should you start using it. Over
80 plus projects currently use it in production. To find out more about vue storefronts.
you can check out the websites, vuestorefront.io, And also check out different projects
using it currently at vuestorefronts/liveprojects. Thank you so much for listening. I hope you learn something
and I hope this would help you understand how vue storefronts comes into play and help you find a better solution forsolving your eCommerce needs.
Thank you.
