Vue Storefront

The open-source frontend for any eCommerce. Built with a PWA and headless approach, using a modern JS stack. We have custom integrations with Magento, commercetools, Shopware and Shopify and total coverage is just a matter of time. The API approach also allows you to merge VSF with any third-party tool like CMS, payment gateways or analytics. Newest updates: https://blog.vuestorefront.io. Always Open Source, MIT license.

Stars
10.3K
Forks
2.07K
Open issues
42
Closed issues
2.59K
Last release
about 3 years ago
Last commit
7 months ago
Watchers
10.3K
Total releases
51
Total commits
16.7K
Open PRs
23
Closed PRs
3.46K
Repo URL
Platform
License
mit
Category
Usecase
E-commerce
Offers premium version?
NO
Proprietary?
NO
About


An ecosystem of developer tools that accelerate and simplify building eCommerce Storefronts

Fully customizable, backend-agnostic with 2000+ Live Stores!

Documentation | Demo Store

Vue Storefront is an ecosystem of Open Source tools to build fast and feature-rich eCommerce Storefronts using the latest technologies.

  • Works with any backend. Vue Storefront is compatible with any backend that has an API. In addition its already integrated with many of them! See the list of available integrations.

  • Working eCommerce Storefront - Vue Storefront delivers fully-working eCommerce storefront integrated with your favourite stack

  • Fully customizable. Build your application with pre-installed Storefront UI - components library designed for eCommerce, or build your own theme from scratch.

Integrations πŸ›οΈ

Open Source Integrations (free on MIT license)

           


Enterprise Integrations (part of paid Vue Storefront Enterprise License)

        


There is more! Check out the integrations with CMS, Search and Payment providers

Getting started πŸš€

Create a new Vue Storefront project with Open Source integration in just a few steps. For the Enterprise integration, please contact sales.

Step 1: Generate a new project 🧰

npx @vue-storefront/cli generate store

You will be asked to enter the project's name and select the eCommerce platform you wish to use. Once selected, the CLI will create project files in the directory matching your project name.

Step 2: Install dependencies ⏳

Go to the newly created directory and install the required dependencies:

cd <project_name>

yarn

Vue Storefront supports only Yarn package manager. If you don't have it installed, please follow the official Yarn installation guide.

Step 3: Configure the project βš™οΈ

The next step is to configure your project, and it's different for every eCommerce integration. Go to the Integrations page, open the documentation for the integration you selected in our CLI, and look for the page describing the configuration steps. Or just click on the integration icon below:

              

Check all available integrations

Continue with the configuration steps described in the documentation for your integration.

What you get out-of-the-box πŸ“¦

  • Nuxt.js - the Vue.js framework used to build the application
  • Vue Storefront Theme - fully functional eCommerce theme based on the Storefront UI library
  • Storefront UI - the Vue.js UI components library used to build the frontend application
  • Vue Storefront Middleware - the Express.js server used to connect the frontend application with the eCommerce platform and other Integrations

Our Tech Stack πŸ› 

Contribution 🀝

Vue Storefront is an Open Source project and we encourage everyone to help us making it better. If you are interested in contributing to the project, please read our Contributing Guide and Code of Conduct.

If you have any questions about contributing, please join our Discord server - we are happy to help you!

Discovered a 🐜 or have feature suggestion? Feel free to create an issue on Github.

Support us ❀️

Vue Storefront is and always will be Open Source, released under MIT Licence.

How you can help us:

  • Contribute - this is how the Core Team is supporting the project.
  • Spread the word - tell your friends, colleagues, and followers about Vue Storefront.
  • Create content - write a blog post, record a video, or create a tutorial. We will be happy to share it on our social media channels.
  • Engage with the community - help others in our Discord server.

Follow us on Social Media

Partners πŸ’ͺ

Vue Storefront is a Community effort brought to You by our great Core Team and supported by the following companies.

See Vue Storefront partners directory

Vue Storefront source code is completely free and released under the MIT License.

Careers πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

We are growing and we are looking for talented people to join our team. If you are interested in working with us, please check our Careers page.

#StandWithUkraine πŸ‡ΊπŸ‡¦

We at Vue Storefront express our support for the people of Ukraine and their right to live in a free and democratic country. We stand with Ukraine and we will continue to support the Ukrainian community.

Alternative Projects

Subscribe to Open Source Businees Newsletter

Twice a month we will interview people behind open source businesses. We will talk about how they are building a business on top of open source projects.

We'll never share your email with anyone else.