Gibsique: Headless E-commerce SaaS
A full-featured storefront and admin dashboard with Stripe payment processing, rich-text editing, and drag-and-drop product management.
A complete e-commerce and SaaS platform combining a public-facing Next.js storefront with a full-featured admin dashboard. Handles product catalogs, Stripe payment integration, order management, user accounts, and rich content editing—all backed by MySQL and containerized with Docker.
- Next.js 15.5.9
- React 19.1.0
- TypeScript
- Tiptap (rich-text editing)
- Stripe API
- dnd-kit (drag-and-drop)
- MySQL 8.0
- Docker Compose
- Tailwind CSS
- SWR (data fetching)
- jsonwebtoken (auth)
- bcryptjs (password hashing)
Gibsique is a headless e-commerce and SaaS platform built on Next.js 15.5.9 and React 19, designed to provide both merchant and customer-facing experiences. The architecture splits into a public storefront (product browsing, checkout, account management) and a protected admin dashboard where users manage inventory, process orders, configure payments, and author content.
The admin interface features a custom Tiptap-based rich-text editor with full formatting controls, list item icon support (using react-icons/hi2), link handling, and character counting. Product management leverages dnd-kit for drag-and-drop image reordering with stable ID generation, plus direct Stripe product sync and bulk shipping configuration. Role-based access control (RBAC) enforces permissions across admin operations.
The backend runs on MySQL with comprehensive API endpoints for products, orders, customers, checkout, authentication, and Stripe webhooks. Stripe integration includes onboarding flows, API key validation, test connection endpoints, and refund handling. The entire stack is containerized with Docker Compose, including phpmyadmin for database management, and supports both staging and production deployments with configurable environment modes.
- Custom Tiptap rich-text editor with heading levels, text alignment, list items, icon decoration, link management, and live character counting built into the admin panel.
- Drag-and-drop product image management using dnd-kit with drag handles, touch/keyboard sensor support, and stable ID generation for seamless reordering.
- Full Stripe integration including payment processing, product linking, refunds, customer management, bulk sync, and onboarding wizard with API key validation and test endpoints.
- Role-based access control (RBAC) system with requireRole middleware protecting all admin endpoints and controlling access to sensitive operations like user/admin management and Stripe configuration.
- MySQL backend with complex queries for product filtering, search, category grouping, pagination, and relationship management (products, categories, images, orders, customers).