.font-medium {
    font-weight: 525;
}

/* Increase content width when sidebar is hidden (below xl breakpoint) */
  #content-area.max-w-3xl {
    max-width: 60rem !important;
  }

.mint-mx-auto {
    margin-left: auto;
    margin-right: auto
}
.mint-mb-4 {
    margin-bottom: 1rem
}
.mint-mb-6 {
    margin-bottom: 1.5rem
}
.mint-mt-4 {
    margin-top: 1rem
}
.mint-block {
    display: block
}
.mint-hidden {
    display: none
}
.mint-max-w-4xl {
    max-width: 56rem
}
.mint-max-w-xl {
    max-width: 36rem
}
.mint-space-y-12 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(3rem * var(--tw-space-y-reverse))
}
.mint-px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}
.mint-py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem
}
.mint-text-left {
    text-align: left
}
.mint-text-center {
    text-align: center
}
.mint-text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}
.mint-text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}
.mint-text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}
.mint-font-medium {
    font-weight: 500
}
.mint-font-semibold {
    font-weight: 600
}
.mint-tracking-tight {
    letter-spacing: -0.025em
}
.mint-text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}
.mint-text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity))
}
.mint-text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity))
}
.dark\:mint-block:is(.dark *) {
    display: block
}
.dark\:mint-hidden:is(.dark *) {
    display: none
}
.dark\:mint-text-zinc-100:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(244 244 245 / var(--tw-text-opacity))
}
.dark\:mint-text-zinc-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(161 161 170 / var(--tw-text-opacity))
}
.dark\:mint-text-zinc-50:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(250 250 250 / var(--tw-text-opacity))
}
@media (min-width: 1024px) {
    .lg\:mint-py-24 {
        padding-top: 6rem;
        padding-bottom: 6rem
    }
    .lg\:mint-text-5xl {
        font-size: 3rem;
        line-height: 1
    }
}

Everything you need to build powerful, custom commerce experiences.

Introduction

Commerce Engine is now in beta. We're working hard to make it better for you.

Official documentation for Commerce Engine - The modern headless commerce platform for building scalable e-commerce solutions.

Commerce Engine Docs

Let's get you up and running with the Commerce Engine Storefront API. This guide covers the basics: obtaining credentials, understanding environments, and making your first API call.

Quickstart

Authentication verifies the identity of the user interacting with your storefront. Commerce Engine uses a robust token-based system (JWT) and offers flexible login methods, including passwordless options via Email, Phone, and WhatsApp.

Authentication

The Catalog module is the cornerstone of your Commerce Engine storefront. It defines everything you sell – products, their variations, how they're organized, priced, and described. Mastering these APIs allows you to build compelling product listings, detailed descriptions, category navigation, powerful search, customer reviews, and insightful recommendations.

Catalog

The Carts module provides the APIs to manage a user's shopping cart. It allows you to add, update, and remove items, apply discounts and loyalty points, manage addresses, and retrieve the cart's state before checkout. Commerce Engine carts are persistent and associated with the user (anonymous or logged-in), enabling seamless experiences across sessions or devices.

Cart

This guide walks you through the process of converting a customer's shopping cart into a placed order, including address validation, shipping checks, payment processing, and handling payment retries. It utilizes endpoints primarily from the Carts, Orders, Payments, Shipping, and Common modules.

Checkout

This section details the APIs used to build the "My Account" area of your storefront, allowing logged-in customers to manage their profile, view past orders, handle returns or cancellations, update addresses, track loyalty points, and manage their reviews.

My Account

The Subscriptions module allows you to offer products and services on a recurring basis, enabling business models like "Subscribe & Save," SaaS, content access, and custom refill schedules. Commerce Engine provides APIs to define subscription plans on products, let users initiate subscriptions, and manage the lifecycle of those subscriptions.

Subscriptions

Follow these steps to configure your Commerce Engine organization and start placing orders.

First steps

Important settings to help you configure our store to behave the way you want

Store Settings

Retrieve store config

Explore our fully type-safe SDK for Node.js

Get started with the CommerceEngine TypeScript SDK in minutes

Installation & Quick Start

Complete guide to configuring the TypeScript SDK for different environments and use cases

Configuration

Complete guide to authentication and token management in the TypeScript SDK

Token Management

100% type-safe SDK with IntelliSense, compile-time checking, and OpenAPI-generated types

Type Safety

SDK-specific error handling patterns with type safety and automatic recovery

Error Handling

Overview of SDK clients with type safety and automatic token management

Client Overview

Complete guide to integrating the SDK with React applications

React Integration

Complete guide to integrating the SDK with Next.js applications

Next.js Integration

Complete guide to using the SDK in Node.js backend applications

Node.js Integration

SDK middleware for authentication, token management, and debugging

Middleware System

Debug SDK issues with built-in logging and monitoring tools

Debugging & Performance

Migrate from direct API calls to the type-safe SDK

Migration Guide

Welcome to the home of your new documentation

Learn about the various Commerce Engine modules and how to use them to add features to your storefront

Modules

You can customise the behaviour of your storefront by updating the store settings from the Commerce Engine app

Example section for showcasing API endpoints

Getting Started

Storefront Guides

Configure your store

Commerce Engine Developer Portal

Essential Resources

Quickstart

Build with our SDK

API Reference

Storefront Guide