A reference ecommerce store implementation using Shopware, Nuxt 3, and Tailwind CSS.
This repository is an example demo application built with Shopware Frontends Framework and Nuxt 3.
Interactive preview:
Deploy with Vercel:
Go to Documentation > Requirements to see the details.
To connect to a different API, adjust the API credentials in the nuxt.config.ts
file:
Shopware:
{endpoint
and accessToken
}.
pnpm i
to install dependenciespnpm dev
to run the project with the development serverBy default API types are delivered from our demo instance. To generate your own types use @shopware/api-gen CLI.
.env
file with your Shopware API informationpnpx @shopware/api-gen loadSchema --apiType=store --filename=storeApiSchema.json
pnpx @shopware/api-gen generateTypes --filename=storeApiSchema.json
[!NOTE] Do not edit your
storeApiSchema.d.ts
file. It will be overwritten on the next schema generation. Instead use yourshopware.d.ts
file to extend types.
Refer to to the Shopware documentation for best practices on deploying a production JavaScript application with Shopware: Best Practices > Deployment
Execute the build
script to build the application:
pnpm build# or npm run build# or yarn build
Execute the start
script to run the application:
pnpm start# or npm run start# or yarn start
Have a look at the docker-composable-frontends repository.
[!NOTE] We recommend using a local Shopware 6 development instance (devenv) and then configuring Composable Frontends to use your local instance.
More information on generating different outputs can be found here.
Our recommendation is to use .env
file for changing platform presets
A reference ecommerce store implementation using Shopware, Nuxt 3, and Tailwind CSS.
This repository is an example demo application built with Shopware Frontends Framework and Nuxt 3.
Interactive preview:
Deploy with Vercel:
Go to Documentation > Requirements to see the details.
To connect to a different API, adjust the API credentials in the nuxt.config.ts
file:
Shopware:
{endpoint
and accessToken
}.
pnpm i
to install dependenciespnpm dev
to run the project with the development serverBy default API types are delivered from our demo instance. To generate your own types use @shopware/api-gen CLI.
.env
file with your Shopware API informationpnpx @shopware/api-gen loadSchema --apiType=store --filename=storeApiSchema.json
pnpx @shopware/api-gen generateTypes --filename=storeApiSchema.json
[!NOTE] Do not edit your
storeApiSchema.d.ts
file. It will be overwritten on the next schema generation. Instead use yourshopware.d.ts
file to extend types.
Refer to to the Shopware documentation for best practices on deploying a production JavaScript application with Shopware: Best Practices > Deployment
Execute the build
script to build the application:
pnpm build# or npm run build# or yarn build
Execute the start
script to run the application:
pnpm start# or npm run start# or yarn start
Have a look at the docker-composable-frontends repository.
[!NOTE] We recommend using a local Shopware 6 development instance (devenv) and then configuring Composable Frontends to use your local instance.
More information on generating different outputs can be found here.
Our recommendation is to use .env
file for changing platform presets