Environment requirements

Shopware Frontends requires a Node.js runtime environment. Besides that, for development you can use your favourite package manager.

Shopware API

Shopware Frontends does not differ between provisioning of the Shopware API. Both, cloud and self-managed Shopware 6 instances are supported.

Every development instance / setup template is pre-configured with a public demo API. That way you don't have to set up a Shopware instance yourself.

Install Shopware 6

Set up Shopware 6 for development

IDE

For an ideal development experience, we recommend using VSCode with the following extensions

• Vue Language Features (Vue.volar)
• Biome - Code Formatter and linter (biomejs.biome)
• TS and JS Language Features (vscode.typescript-language-features)

If you are using the demo-store-template, we also recommend the following extension

• UnoCSS (antfu.unocss)

Node.js

Shopware Frontends requires a Node.js runtime environment.

Supported versions:

• v22.x LTS
• v20.x - maintenance
• v18.x - maintenance

TIP

Use Node Version Manager to manage a Node.js version locally.

"Supported" signifies the framework is developed, run, and tested on mentioned versions.

Package manager

Supported managers:

• pnpm - recommended
• npm
• yarn

INFO

npm package manager is available out of the box with Node.js installed. Other managers need manual installation.