<div align="center"
<img src=".readme/shopware-frontends-logo.png" /
</div
<p align="center" <a href="https://frontends-starter-template.vercel.app/" target="blank"🚀 Demo</a | <a href="https://frontends-extended-starter-template.vercel.app/" target="blank"🚀 Extended Demo</a | <a href="https://developer.shopware.com/frontends/" target="blank"📚 Docu</a | <a href="https://developer.shopware.com/frontends/getting-started/try-it-out.html" target="blank"☁️ Try it out</a | <a href="https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fshopware%2Ffrontends%2Ftree%2Fmain%2Ftemplates%2Fvue-starter-template" target="blank"<img src="./.readme/vercel.svg" alt="Join our Discord Channel" width="20" height="16"/ Deploy on Vercel</a | <a href="https://github.com/shopware/frontends/discussions"💬 Discuss</a | <a href="https://discord.com/channels/1308047705309708348/1405501315160739951/archives/C050L6NCMGQ" target="blank"<img src="./.readme/discord.svg" alt="Join our Discord Channel" width="20" height="16"/ Discord Channel</a </p
<p align="center" Shopware Frontends is Shopware's Vue.js <strongframework</strong for building custom storefronts. </p
---
Getting started (contribution)
Node.js (current LTS) and pnpm are required to run the project. To be sure about the version compatibility you can enable Node's corepack.
# Install dependencies
pnpm i
# Build packages
pnpm run build --filter='./packages/*'
# Run project base
pnpm run dev --filter=vue-starter-templateRun and develop docs
pnpm run dev --filter='docs'Architecture
Shopware Frontends is a framework which is divided into separate modules of which some can be used independently.
API Client
This package provides abstraction to Shopware's Store API and manages authentication state and request/response schemas.
Composables
An opinionated set of Vue.js composables like useProduct or useCustomer to use business logic and state in any Vue.js project.
CMS Base