A small watercolor storefront with a navy tile roof, paper lantern, wooden door, and shelves of jars and produce inside. The blank sign holds the install command.
A skill for AI coding agents

Turn your Next.js app into a working storefront.

One command adds cart, checkout, admin, and Stripe to the site you've already built — themed to your design, not a template. About fifteen minutes.

View on GitHub
Works with —

ClaudeCursorCodexGeminiCopilotKiroOpenCodeWindsurf

01

What it builds

About fifteen minutes after you run /bodega:setup.

  • /shop · /cart · /checkoutThemed to your existing design. Not a template.
  • /studioPhone-first admin. Add products, see orders, print shipping labels, mark shipped.
  • Stripe paymentsThe merchant's own account. Their bank gets the money.
  • Deployed to VercelOn the merchant's account. Optional: custom domain, GitHub backup.
02

Who it's for

A fit when —

  • You've got a Next.js site (or you're about to build one) and you want it to start selling.
  • You want a real shop — your domain, your Stripe, your design. Not a template. Not a hosted widget.
  • Single-merchant store. One Stripe account, one inventory.
  • You don't want to spend a weekend wiring Stripe, shipping, and an admin from scratch.

Not a fit when —

  • You're running a big e-commerce operation. (Shopify handles that better.)
  • You want a point-and-click site builder. (Squarespace, Wix.)
  • You're a marketplace with many sellers. Bodega is single-tenant.
  • You're not comfortable in a terminal. Bodega is a plugin — you're driving.
03

The fifteen minutes

Open your AI coding agent in the project. Run one command. Bodega asks one question — developer voice, or plain English. Default is plain English. Then it walks through the rest.

$cd your-project
$claude
›/bodega:setup

  1. Hosting

    Opens the browser. Signs you into Vercel. Provisions storage.

  2. Payments

    Opens the browser. Signs you into Stripe. Captures keys into Vercel env.

  3. Deploy

    Scaffolds /shop, /cart, /checkout. Registers webhooks. Pushes live.

  4. Admin

    Provisions /studio. Generates a magic-link login. Sends it to the merchant.

  5. Domain· optional

    Buys or connects a custom domain. Configures DNS.

  6. Backup· optional

    Sets up a GitHub repo as a backup of the site code.

Empty folder? Bodega scaffolds the site first using impeccable, then runs the rest. About forty-five minutes total instead of fifteen — most of that is design.

Other ways to install

Pin a specific version (recommended once you've shipped a store you'd hate to break):

$npx skills add mitcheman/bodega@v0.1.0

See releases for the latest tag.

04

What you own when it's done

The Next.js code. The Vercel project. The Stripe account. The domain. The data. Nothing routes through Bodega.

Uninstall the plugin tomorrow and the site keeps running. Bodega is the build crew, not the landlord.

05

The stack

Standard parts. No proprietary anything.

Framework
Next.js 16, React 19, Tailwind v4, TypeScript
Payments
Stripe Payment Element
Storage
Vercel Blob
Email
Resend
Hosting
Vercel
Auth
HMAC-signed cookies + magic links
Greenfield design
impeccable
06

Fine print

  • Requirements
    Node.js 20+. A package manager. A Vercel account. A Stripe account.
  • Doctor
    Run /bodega:doctor (or $bodega:doctor in Codex) to check your setup.
  • License
    Apache 2.0. Fork freely.
  • Versioning
    Pre-1.0. Minor versions may break things. Pin a tag if you care.
  • Status
    Solo-maintainer, pre-alpha. Not actively reviewing PRs.
  • Pairs with
    impeccable.style for design — Bodega offers to install it on greenfield projects.