Nuxt

Nuxt is a headless storefront built using VueJS, on Nuxt 3 using Storefront UI and custom components. The Nuxt headless connector for Kibo Commerce enables you to integrate your storefront site with the following pages:

Product listing pages (PLP)
Product detail pages (PDP)
Cart
User Account
Checkout
Store Locations
CMS components

This guide will show you how to get up and running with the Kibo Connector.

Features

Nuxt supports the following features:

Performant by default
SEO Ready
Internationalization
Responsive
UI Components
Theming

Contribute

This project follows the all-contributors specification and contributions of any kind are welcome.

Prerequisites

In order to use Nuxt Storefront, you must have the following:

NodeJS v14 or later
Kibo Commerce Account

Getting Started

To begin development on your own version of the repo:

Fork or clone the repo:

git clone https://github.com/KiboSoftware/nuxt-storefront cd nuxt-storefront

Checkout develop branch git checkout develop
Run yarn to install dependencies
Create a .env file from the .env.template file
```
$ cp .env.template .env
```
The following data is required to configure the Kibo Nuxt Storefront.
- KIBO_API_URL: Your Kibo Commerce API Host.
- KIBO_AUTH_HOST: Kibo Commerce Authentication Host Server. It is used to request an access token from the Kibo Commerce OAuth 2.0 service.
- KIBO_CLIENT_ID: Unique Application (Client) ID of your application. This is viewable from your Kibo Dev Center.
- KIBO_SHARED_SECRET: Secret API key used to authenticate your application/client ID.
- KIBO_PCI_HOST: PCI payments host, For Production and Production sandboxes, use pmts.mozu.com. Example:
```
    KIBO_AUTH_HOST=t26507-s41315.sandbox.mozu.com
				
    KIBO_CLIENT_ID=i7d6294.HeadlessStorefront.1.0.0.Release
				
    KIBO_SHARED_SECRET=132213b896c3499592954ea6a92b6825
				
    KIBO_API_HOST=t26507-s41315.sandbox.mozu.com
				
    KIBO_PCI_HOST=pmts.mozu.com
```

Build Setup

To finish setting up, run the following commands:

# serve with hot reload at localhost:3000
$ yarn dev

# build for production and launch server
$ yarn build
$ yarn start

# generate static project
$ yarn generate

For more information about the Dev Center and authentication, see Getting Started.

Resources

For more information, see the following resources: