nuxt-commerce

An extensible e-commerce template powered by Nuxt.js and Morpheme UI.

Features

• Integrated with Morpheme UI
• Built-in Pages:
  • /
  • /products
  • /products/:id
• Customizable via Nuxt Layer
• Configurable via app.config.ts

Demo

• Online demo
• Source code
• Try it online on Stackblitz

Installation

npm i -D @morpheme/nuxt-commerce

Usage

Add it to the nuxt.config.ts:

export default defineNuxtConfig({
  extends: '@morpheme/nuxt-commerce',
});

Configuration

You can change the default options for commerce pages like redirect url and head options via app.config.ts.

You can checkout the default configuration in the source of this file.

Components

Checkout the list of available components here.

Pages

To customize the pages, just override the default pages by creating file in your Nuxt app with the same as the theme.

| Path | Description | | -------------------------- | ----------------------- | | pages/index.vue | The home page | | pages/products/index.vue | The product list page | | pages/products/[id].vue | The product detail page |

Authentication

Authentication is extended from @morpheme/nuxt-auth package.

Morpheme UI

Checkout the official documentation to learn more about Morpheme UI.

License

MIT