Installation

Prerequisites

This guide focuses on installing hubble PWA as a Nuxt.js module only, so before moving on, make sure you meet the requirements first.

Installation

  1. Create a new Nuxt 3 Project
npx nuxi init nuxt-app
cd nuxt-app
npm install

# Resolve pinia dependency issue 
npm i pinia -f
  1. Install the hubble Nuxt module
npm i @hubblecommerce/hubble
  1. Add the module to nuxt.config.ts
modules: [
    '@hubblecommerce/hubble'
]
  1. Create a .env file in project root and fill credentials
PLATFORM                = 'shopware'
PLATFORM_BASE_URL       = ''
API_BASE_URL            = ''
API_SW_ACCESS_KEY       = ''
API_CLIENT_ID           = ''
API_CLIENT_SECRET       = ''

TIP

Read more about where to get the credentials in the supported e-commerce platforms section.

Build modes

Development

npm run dev

Production

npm run build
node .output/server/index.mjs