Back to PortfolioBack
Visit live storeLive
Fashion Commerce2024

KINDRA

Production-ready e-commerce starter kit for fashion. Separate Men's and Women's storefronts, multi-variant products (size/color), Stripe payments, and a full admin dashboard.

Open production storefront
KINDRA
Live commerce kit
02
Storefronts
Stripe
Checkout
R2
Storage
Storefronts
Men / Women catalogs
02
Checkout
Session + webhooks
Stripe
Storage
Image-first product media
R2
Contents
01

E-Commerce / Starter Kit

A launch-ready commerce foundation with a fashion-first feel.

A SaaS starter kit for launching fashion e-commerce sites. Features separate Men's and Women's collections, multi-variant product support, Stripe checkout, and a complete admin suite. Runs on Docker with Cloudflare R2 for image storage.

Business problem

Starting a fashion e-commerce site from scratch takes months. Multi-variant products, payments, and image storage add complexity.

Product answer

Built a ready-to-deploy starter kit with all the common features baked in — storefronts, admin, payments, and image hosting.

02

Shopping experience

01

Editorial storefronts

Separated collections make the fashion journey feel curated instead of generic.

02

Variant-aware buying

Size, color, and inventory data stay attached to each purchasable product option.

03

Frictionless discovery

Dynamic routes, filtering, and search move shoppers from lookbook to checkout faster.

04

Payment confidence

Stripe Checkout and webhook fulfillment keep order creation reliable and auditable.

Separate Men's and Women's storefronts
Multi-variant product support (Size/Color)
Stripe Checkout with webhook fulfillment
Admin dashboard for inventory and orders
Custom session-based auth with OAuth
Dynamic routing and product filtering
Image storage with Cloudflare R2 and Vercel Blob
SEO-optimized with dynamic metadata
03

Admin operations

Catalog control

Create products, maintain variants, and keep stock levels visible from a focused admin surface.

Secure sessions

Custom session auth, HTTP-only cookies, and role boundaries protect operational workflows.

Order lifecycle

Checkout events flow into admin-ready orders so fulfillment can start without manual stitching.

Order signal
Checkout session created
Stripe webhook verified
Order inventory reserved

Built for ownership

The admin layer keeps products, inventory, payments, and media management in one deployable starter kit.

04

Architecture runway

Presentation

Next.js storefrontReact 19 UITailwind design system

Commerce Core

Server ActionsDrizzle ORMStripe Checkout

Platform

PostgreSQLCloudflare R2Docker deploy flow
05

Technology stack

Frontend

Next.js 15
React 19
TypeScript
Tailwind CSS
Zod

Backend & Data

PostgreSQL
Drizzle ORM
Stripe
Oslo

Platform

Cloudflare R2
Docker

Explore another project

Menu QR

SaaS platform for restaurants to create and manage digital menus accessible via QR code. Includes an onboarding wizard, drag-and-drop menu editor, and analytics dashboard.

View case study