Shopware Frontends

Shopware Composable Frontends is Shopware's toolkit for creating platform agnostic custom storefronts. The demo store implementation is based on Vue.js and Nuxt3.

Start building your first Shopware Frontends project

Learn how to set up your development environment and start coding within a couple of minutes.

Edit this page on GitHub Ask question on Stackoverflow

Starter guides

The number of topics that are available for exploration can be overwhelming. To help you navigate this complexity, we have curated tutorials that are designed to familiarize you with some of our core concepts.

Setup templates

Learn how to get started with custom frontend with pre-existing templates.

Cookbook recepies

Kickstart your frontends project with provided example codes.

Vue Demo Store on StackBlitz

The demo store template is a reference implementation of an online store UI.

Highlights

Shopware frontends stand as the user-facing interface that customers see and interact with. Frontends play a crucial role in presenting products, content, and overall shopping experience to website visitors. Here, we outline the core functions specific to frontend development in Shopware:

Checkout

• Create a cart
• Create a checkout
• Payment and Custom Payments
• Composables functions

Products and Catalog

• Create a Product Listing
• Fetch Product detail page
• Work with Prices
• Manage Wishlist
• Composables functions

CMS

• Create Content Pages
• Create blocks
• Create elements
• Overwriting CMS
• Custamize components