Vue Storefront is – as the name suggests – an open-source eCommerce frontend Vue.js application used to display the eCommerce platform to the user in a performant, neat way. It’s a lightning-fast frontend platform and battle-tested bodiless set of modular features that can be easily connected to various eCommerce backend applications in a glimpse of an eye. As it’s an independent frontend application (progressive web app), you can scale it separately just to fit your needs.
All you have to have is an API layer exposed like REST or GraphQL in your platform and install (or prepare) an integration package to this storefront UI itself. Modern shops usually need to use various third-party tools, and this technology helps you connect them to your solution seamlessly, thanks to low coupling and high cohesion.
Currently, the supported version is the Vue Storefront 2.
What stands behind the progressive web app?
Vue Storefront is a modern, open-source PWA solution that lets you increase performance, build the customer journey, and release your developers’ creativity.
Vue Storefront provides hundreds of modules for all common functionalities, which are ready to be used. It masters things like mobile-first, offline access, and high-performance. Its Storefront UI library makes it easy to build beautiful interfaces by customizing components in no time.
Nowadays almost nobody likes to wait, so it’s crucial to have a fast and performant page. Some estimates say that up to 1% of users will leave your website for every 100ms of delay in page load.. Vue Storefront reduces the page loading time to a minimum thanks to lazy charging, lazy hydration, extensive buffering, and reasonable preloading.
User experience is a key factor that affects the whole user’s satisfaction. Vue Storefront provides interfaces that have a great user experience and work smoothly out of the box. What's more, there are no restrictions on adjusting the store user interface by extending, replacing or adjusting specific components.
Tired of technologies no one knows? Your vendor lock-in? Choose the solution based on popular technologies. Great components for the greatest developer experience.
Vue Storefront is platform agnostic and headless/composable-oriented, meaning it could be connected to any backend and fit any migration strategy.
Do you know that more than 50% of web traffic is mobile? If you don’t have a proper mobile version for your online shop, you can lose conversion. Vue Storefront solves this issue with its PWA experience, which looks and behaves like a native mobile app. PWA is fast, reliable, and engaging even with poor Internet connectivity.
This technology can be a great fit for everyone who wants to sell online. It’s designed in a way to be easily accessible both for big enterprise solutions and small online shops. Below there is a list of common problems that online shop owners have to struggle with. If it concerns you, maybe it’s a good idea to learn more about the idea behind mobile-first technologies?
To achieve the connection between these two applications you can use our SyliusVueStorefrontPlugin – which is a totally free Sylius API bridge. It’s battle-tested and works well for live production websites.
Totally new approach that allows connecting the latest versions of these two applications using the Sylius integration package and a new Sylius API with the GraphQL support. It’s still a work in progress but stay tuned – it will be available for you really soon and totally free.
Shopware PWA is Vue Storefront 2 based frontend. Both solutions are open-source and we can provide support in customizations’ development and with going live.
This application is an open-source one, constantly developed by the core team and the community contributors. This means that you don’t have to pay anything for using this piece of software – nevertheless, it’s always a great idea to contribute with your own fixes, ideas, and new features that can be possibly useful to others.