# Mercato Web Kit

> Mercato Web Kit · Vite, Hono and Postgres
> Vite e-commerce store and admin: catalogue, cart, checkout and orders.
> Source: https://otf-kit.dev/templates/mercato-web

## At a glance

- **Price:** $99
- **Stack:** Web app + API + database
- **Category:** SaaS
- **Screens:** 8
- **Status:** Available now

## Overview

Catalogue, variants, cart, Stripe checkout, orders and inventory, with an admin behind sign-in. $99 once for the full source. Sales final.

Storefront and admin in one codebase: products and variants, cart, Stripe checkout with a keyless demo mode, orders and inventory. Email and Google sign-in, Resend receipts, design tokens from @otfdashkit/tokens.

## Highlights

- Storefront, cart, checkout and order tracking
- Admin for products, inventory and orders
- Stripe checkout when keys are set; fails closed otherwise

## Components and flows

### Screens included

- Catalogue and product page with variants
- Cart and guest-to-account cart merge
- Stripe checkout with a keyless demo path
- Order confirmation and receipt email
- Admin: products, inventory and orders
- Sign in and sign up

### Wired to the database

- Catalogue
- Cart
- Orders
- Inventory
- Wishlist

## Built with a modern stack

A web store with its API and Postgres, plus CLAUDE.md and .cursorrules for Cursor and Claude Code.

- **TypeScript** — Typed end to end, so your AI editor changes it safely.
- **Hono API** — A typed API for catalogue, cart and orders.
- **PostgreSQL** — A real database with a schema, a migration and demo data.

## Customize with your AI tool

Every kit ships with `CLAUDE.md`, `.cursorrules`, and task prompts for Cursor or Claude Code. For example:

```
Re-skin Mercato for a coffee roaster, swap products and the brand accent
```

## Get it

- **This kit:** $99 — buy once, own the code. Every sale is final; try the live demo before you buy.
- **Everything Bundle:** $149 for 6 delivered kits + all 20 landing templates (was $774 bought separately — save $625).
- Buy: https://otf-kit.dev/templates/mercato-web
- All templates: https://otf-kit.dev/templates · Pricing: https://otf-kit.dev/pricing