Cloudflare-native vibe-coding demo

Prompt a campaign. Preview a BigCommerce-aware storefront page.

This Worker-hosted builder uses Workers AI to turn a merchant prompt into a storefront implementation plan, then frames the output for Cloudflare Sandbox SDK preview and deploy handoff. It uses deterministic BigCommerce fixtures until real Storefront GraphQL credentials are configured.

Workers AI generation loop

Describe the storefront change and get an implementation plan.

01 Prompt Mock BigCommerce catalog

How it maps to the real build

Workers AI plans, Sandbox runs, Workers deploy.

1

Prompt intake

Collect campaign, PDP, collection, or blog intent from a merchant-facing UI.

2

Catalog context

Load BigCommerce products via fixtures now, Storefront GraphQL later.

3

Generate plan

Use Workers AI to produce a JSON-ish implementation plan with routes, components, product helpers, and Worker entrypoints.

4

Sandbox preview

Run generated code in Cloudflare Sandbox SDK before deploy.

5

Deploy

Ship to a standard Worker or a Workers for Platforms dispatch namespace.

BigCommerce fixture context

Generated pages receive typed product data.

Outerwear

Ridgeline Shell Jacket

$188 fixture product available to generated routes, rails, and CTAs.

ridgeline-shell
Packs

Summit Daypack 28L

$96 fixture product available to generated routes, rails, and CTAs.

summit-daypack
Apparel

Merino Trail Base Layer

$72 fixture product available to generated routes, rails, and CTAs.

merino-trail-base