Explore by Category:
What is Vue Storefront? Get to know not just a product, but an entire ecosystem. See what’s in it! [UPDATE 2022]
February 20, 2020
With the growing popularity of Vue Storefront, we continue to aim high. We’d like to become the industry standard for eCommerce frontends. This means duplicating the leadership status we’ve gained in the Magento PWA world across all other platforms, including custom backends. In order to do this, it is not enough to develop just a single product. Vue Storefront is, therefore, an ecosystem of developers' tools enabling fast and nimble implementations of modern commerce storefronts. This is your quick and easy guide through the Vue Storefront ecosystem of tools.
Early days of Vue Storefront
It all started in 2017 with Vue Storefront 0.1, released on Meet Magento NYC . We were first to the market with a stable solution that included most of the Magento features. The funny thing is that today, three years later, we’ve managed to maintain this status despite a growing number of other storefront solutions . We’re pretty proud of this but are even more enthused by our installment and customer base including 60+ production sites for such brands as Zadig & Voltaire, Tally Weijl, Lampenwelt, Danone, and others.
This community we’ve built, as well as the partners who have placed their trust in us, only strengthens our commitment to developing this product further.
The current state of the Vue Storefront ecosystem
As time has passed, our product has continued to grow and evolve. By learning and responding to the needs of our customers and partners, we have developed our product, a Frontend Platform for headless commerce, which today offers:
- Storefront UI to Build & Customize with UI Library
- Vue Storefront, which consists of
- Middleware to connect via API Orchestration & ready integrations,
- Frontend framework packed with extra features to accelerate work,
- Platform to host & launch VSF-based projects
That’s the general overview of the ecosystem of tools for developers Vue Storefront provides. Let’s take a closer look at each of the components.
Step 1. Build and customize with Storefront UI
Storefront UI is a setup to provide a flexible and fully customizable white label design system and UI for eCommerce. We aimed to simplify each aspect of building modern storefronts for headless commerce.
At the very beginning of any front eCommerce development, there is a lot of repetitive groundwork that needs to happen. At this stage Vue Storefront with Storefront UI, to support fast processes provides this perfect starting point. All the groundwork is already done. We supply a complete eCommerce theme: a whole design system and UI built with a PWA approach, SSR ready with almost all the code exposed, and ready for scaling and customizing in any direction merchant decides to take it.
Step 2. Connect with Vue Storefront API orchestration
Vue Storefront takes care of every aspect of a good eCommerce front-end undertaking. To connect and maintain a high-performing storefront we equipped our platform with dedicated middleware that connects all the components. Acting like an umbrella keeps the modern eCommerce ecosystem running.
Our API Orchestration merges all eCommerce services under a single API. One can connect any services of the choice. At this stage, VSF easily links different data sources and enriches and caches them to optimize frontend requests. In addition, we have developed more than 20 out-of-the-box integrations with the most popular tools, CMSs, eCommerce Platforms, and a long and growing list of 3rd party services to enable quick stack switches. Stay tuned for more!
What else? For a better development experience and to save development hours VSF can run within the nuxt.js process. That means the whole project with frontend and gateway can be bootstrapped with a Single CLI command in a single process without any kind of virtualization.
Step 3. Accelerate with a flexible Frontend Framework
Because of the complexity and the need for custom development, instead of limiting the capabilities of the frontend solution, we keep Vue Storefront as flexible as possible. In the hands of developers it becomes a powerful tool that allows for endless iterations to be made at the eCommerce front-end.
We provide built-in caching to reduce server load and improve performance . Also, Vue Storefront takes care of complex multi-brand, multi-region cases by allowing you to have multiple themes for a shared UI. These are just some of the examples of where we continue to find ways to improve performance and handle complex use cases, and we will keep identifying these.
A ready and agile framework saves hundreds of hours of ground development. This allows merchants to focus on optimal solutions and customization while Vue Storefront ensures performance.
Step 4. Host & Launch with optimized infrastructure for VSF
To support and keep entire eCommerce developments safe and stable we created a dedicated platform. Vue Storefront’s hosting platform is optimized for the speed of the Vue Storefront framework. Of course, as a part of our flexible policy, no merchant is obligated to use the platform. However, our platform is fully compatible with the framework’s architecture, making it probably the best option for hosting sites based on Vue Storefront. We know how it’s designed and we are 100% focused on optimizing this particular technology stack.
To support the entire cycle of frontend developments, after deploying a website, we soon plan to introduce dedicated analytics focused on speed and conversion. This will simplify tracking how the eCommerce performs, where users are abandoning, what their journies are like, and so on.
What else comes with Vue Storefront?
Continuous improvement, new integrations, and developments. As the entire market and technologies are advancing, so are we. In addition to an ecosystem of powerful tools to support complex front-end solutions, Vue Storefront is also one of the largest communities.
Check the video, Marc Backes, our Developer Advocate , prepared to explain better Vue Storefront's frontend and middleware!
Everyone is invited to join our Discord to explore community-supported extra features and integrations. Anyone can contribute, find support, and exchange good practices. We keep our solution Open Source, so any business can benefit from new updates and advances.
In addition, our comprehensive Enterprise version covers integrations with commercetools , Elastic Path , and BigCommerce . In the package with ready-to-use integrations, we offer a Customer Success team that actively supports implementation and helps diagnose potential bottlenecks. We believe that together more can be accomplished, so we proactively support the community field as well as Client Success.
Vue Storefront Open Source vs Vue Storefront Enterprise What are the differences? Check!
Vue Storefront is a go-to Frontend Platform for modern commerce
That’s a bold statement, we know. However, within a relatively short existence on a market and many accomplishments, we feel safe in declaring that Vue Storefront with its agile yet comprehensive approach supports any kind of eCommerce on the road to flexible and easy frontend developments. Still have doubts? +1000 online stores already run on Vue Storefront!
Inside this article:
Sign up for our newsletter
Sign up to get business updates from the headless commerce world
More in Product
Vue Storefront and Magento 2 Instance Running Locally in Minutes with the New CLI Tool
by Sergii Kirianov
March 22, 2023
Ready to dive in? Schedule a demo
Get a live, personalised demo with one of our awesome product specialists.