Vue Storefront Next

# Introduction

Vue Storefront Next is a headless e-commerce frontend framework that may work with any backend that you are already using via its API regardless of the platform, be it e-commerce, CMS, ERP, PIM, or anything else.

f_b

Vue Storefront Next is the fruit of multiple years of innovation and the furnace of feedbacks from the battle frontline in which you strive to give best online shopping experience to potential customers who are curious, rich, and impatient. PWA as a foundation technology for Vue Storefront Next was excellent choice because PWA is designed to give best performance even on laggy mobile devices with native-like features from the beginning.

Now we came back with even more for Vue Storefront Next. We heard a lot of struggles especially from developers that how painful it was to upgrade or migrate from one version to another. Another notorious hassle was you had to meticulously fix all the use cases in a theme for changes made to its implementation as updates took place. So, in order to enhance the maintainability, we divided the system into the smallest chunks until it's not meaningful to do so. One notable change is, that all parts are now wrapped in as individual npm packages so switching from one version to another should be as easy as any npm command. It also means you can swap a part in the system with other equivalent app or service with a simple command. (or with a few changes in configuration)

# In a nutshell

Vue Storefront Next is a frontend framework with the modular approach to its core and parts in the first place. Essentially the framework itself is a set of independent npm packages taking various roles of the platform. It's really up to you how much of the platform you will use in your project. You can cherry-pick any combination to your advantage.

vsfn_module

As of beta version, Vue Storefront Next consists of modules above. The majority of modules is integration module with 3rd party backend models.

The core part of Vue Storefront Next is core and nuxt-theme. They contain basic structures and business logics implemented within the theme. We will further investigate how they are structured inside and intertwined (and how not) with each other in Architecture for dummies.

Vue Storefront Next packages are standalone which allows you to use them in any Vue.js enviroment so it's not a must to use Nuxt. You can use Vue Storefront Next packages with Vue CLI or even within your custom Vue.js codebase. All you need is know how to communicate with Vue Storefront Next, which is done via interfaces over API.

# Benefits

  • Blazing fast (90+ Lighthouse score for every page)
  • Works with any backend, CMS, ERP, PIM, and anything else that has API
  • Server Side Rendered
  • Progressive Web App
  • Huge flexibility in changing third-party services

# Tech stack

Architecture →