Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/aluxey/E-Commerce/llms.txt

Use this file to discover all available pages before exploring further.

​
Welcome to Sabbels Handmade E-Commerce

Sabbels Handmade is a modern, full-stack e-commerce platform designed specifically for selling handmade, artisanal products. Built with React 19, Supabase, and integrated payment processing, it provides a complete solution for both customers and shop administrators.

​
What is Sabbels Handmade?

Sabbels Handmade is a B2C e-commerce platform that enables you to:
  • Showcase handmade products with rich media, multiple variants, and detailed descriptions
  • Manage inventory with size-based variants, stock tracking, and SKU management
  • Process payments securely through SumUp integration with automated order management
  • Serve global customers with built-in internationalization (German and French)
  • Control everything through a powerful admin dashboard

​
Key Features

Product Catalog

Rich product catalog with categories, colors, variants, and multiple images per product

Shopping Cart

Persistent shopping cart with local storage, quantity management, and variant selection

Secure Payments

SumUp payment integration with Stripe webhooks for automated order status tracking

Admin Dashboard

Comprehensive admin panel for managing products, orders, customers, and inventory

Authentication

Supabase Auth with role-based access control (client/admin) and Row Level Security

Internationalization

Multi-language support with German and French translations built-in

​
Technology Stack

Sabbels Handmade is built with modern, production-ready technologies:

​
Frontend

  • React 19 with Vite 7 for fast development and optimized builds
  • React Router 7 for client-side routing
  • i18next for internationalization
  • SumUp integration for secure payment processing
  • Custom CSS with CSS variables for theming

​
Backend

  • Express 4 for the API server
  • Node.js runtime
  • Stripe SDK for payment processing and webhooks
  • Resend for transactional emails
  • Multer for file uploads

​
Database

  • Supabase (PostgreSQL) with Row Level Security policies
  • Supabase Storage for product images
  • Comprehensive schema with triggers and constraints

​
Deployment

  • Netlify for frontend hosting
  • Railway/Render/Fly.io options for API hosting
  • Supabase cloud for database and storage

​
Architecture Overview

┌────────────────────────────────────────────────────────┐
│                     FRONTEND                           │
│   React 19 · Vite 7 · React Router 7 · i18next         │
│   Hosted on Netlify                                    │
└────────────────────────────────────────────────────────┘
                          │
                          ▼
┌────────────────────────────────────────────────────────┐
│                        API                             │
│   Express 4 · Node.js · Stripe SDK                     │
└────────────────────────────────────────────────────────┘
                          │
                          ▼
┌────────────────────────────────────────────────────────┐
│                   DATABASE                             │
│   Supabase (PostgreSQL) · Row Level Security           │
└────────────────────────────────────────────────────────┘

​
Project Structure

The repository is organized into three main directories:
  • client/ - React frontend application with all UI components, pages, and user-facing features
  • api/ - Express backend server handling Stripe payments, webhooks, and email notifications
  • Database/ - SQL schema files, RLS policies, seed data, and migration scripts

​
Who is This For?

Sabbels Handmade is ideal for:
  • Artisans and crafters selling handmade products online
  • Small businesses needing a professional e-commerce solution
  • Developers looking for a reference implementation of a modern full-stack app
  • Teams wanting a customizable platform they can extend and modify

​
Next Steps

Ready to get started? Here’s what to do next:

Quickstart

Get up and running quickly with a basic setup

Installation Guide

Complete installation instructions for all components

User Guide

Learn how customers use the platform

Admin Guide

Discover admin features for managing your store

​
Support and Resources

GitHub Repository

View source code and contribute

API Reference

Explore the backend API documentation

Database Schema

Understand the data model

Setup & Deploy

Configure and deploy your instance

Build docs developers (and LLMs) love

Get started for freeTalk to us