Vue Storefront 2

# Meet Vue Storefront

Vue Storefront is a platform-agnostic e-commerce PWA frontend framework that can work with any e-commerce backend API. Additionally, thanks to low coupling and high cohesion, it can connect to other services, giving you the freedom to work with the technologies you know and love, be it CMS, ERP, PIM, or anything else.

Vue Storefront architecture consisting of two main layers called 'Unified frontend' and 'API Middleware' communicating with external services
(Click to zoom)

That's a mouthful, so let's break it down:

  • platform-agnostic - we made it possible to work with any platform and service you already use, as long as it has an API like REST or GraphQL.
  • e-commerce - today's shops are much more than just products and carts. That's why we made it easy to integrate other types of services, such as helper service for ERP, versatile search features for PIM, portable checkout for 3rd party payment kiosk, and more.
  • PWA - it's the technology of the future, designed to give the best performance on any device, with native-like features to satisfy your customer's needs.
  • frontend framework - Vue Storefront is a set of modular features glued together using interfaces and factories and powered by Nuxt.js (opens new window).

# Features

# Short time to market

With Vue Storefront, you're getting a performant frontend connected to headless e-commerce, CMS, and other third-party platforms of your choice, along with hundreds of ready-to-use Vue Storefront and Nuxt.js modules for all standard functionalities. Thanks to them, you will save hundreds (or even thousands) of working hours, so you can focus on creating value for your product while leaving the heavy lifting to us!

# Lightning-fast online shop

By some estimates, up to 1% of users will leave your website for every 100ms of delay in page load time. With Vue Storefront, you can create a performant shop thanks to:

  • using modern technologies for small bundle sizes and performance;
  • using code splitting, lazy loading, and lazy hydration to only load what's needed at the moment;
  • caching the resources, so the already visited pages are loaded instantly;
  • preloading resources that might be needed in the future;
  • hosting and executing as much as possible on the server, so the part served to the users is much lighter and faster compared to traditional SPA;

# Extensibility

Our list of supported and planned integrations on the Integrations page gets longer every month. Additionally, there are hundreds of Nuxt modules you can use. You can browse them on the Nuxt Modules (opens new window) website and Awesome Nuxt (opens new window) repository.

# Tech stack

The speed and flexibility of Vue Storefront wouldn't be possible without the great technologies that power it:

# What's next?

If you're already convinced to use Vue Storefront, check the Installation guide.

If you want to learn more, check out the Key concepts behind Vue Storefront.

💻 Installation →