Building a Storefront

The storefront is the application which customers use to buy things from your store.

As a headless server, Vendure provides a GraphQL API and Admin UI app, but no storefront. The key advantage of the headless model is that the storefront (or indeed, any number of client applications) can be developed completely independently of the server. This flexibility comes at the cost of having to build and maintain your own storefront.

Luckily there are some projects that can help you get your storefront up-and-running quickly:

Vue Storefront

Vue Storefront is a popular backend-agnostic storefront PWA solution and they offer an official Vue Storefront Vendure integration.

For step-by-step instructions see our Vue Storefront integration blog post.

Next.js Commerce

Next.js is a popular React-based framework which many Vendure developers have chosen as the basis of their storefront application. The team behind Next.js have created an e-commerce-specific solution, Next.js Commerce, and it includes an official Vendure integration

Next.js Commerce Vendure integration demo

Angular Demo Storefront

This is an example storefront PWA application built with Angular. If you have Angular experience you may wish to use this as the basis of your own storefront implementation.

A live demo can be found here: demo.vendure.io/storefront/

Keep up with development here: github.com/vendure-ecommerce/storefront