@morpheme/nuxt-commerce

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