@cromwell/toolkit-commerce NPM

Commerce toolkit

A toolkit for building e-commerce websites with Cromwell CMS

Install

npm i @cromwell/toolkit-commerce

Some components of this package use react-toastify. If you need notifications add ToastContainer into your custom app:

import React from 'react';
import { ToastContainer } from 'react-toastify';

export default function App() {
  return (
    <div>
      /* ... */
      <ToastContainer />
    </div>
  );
}

Add global CSS in cromwell.config.js:

module.exports = {
  globalCss: ['@cromwell/toolkit-commerce/dist/_index.css', 'react-toastify/dist/ReactToastify.css'],
};

Use

Example of usage of a component for product category:

import { MuiCategoryList } from '@cromwell/toolkit-commerce';
import React from 'react';

export default function CategoryPage() {
  return <MuiCategoryList />;
}

export const getStaticProps = MuiCategoryList.withGetProps();