Online shops built with Claude Code
Use the power of AI to design your online store, in three easy steps.
Create your account and download a working sample store.
Edit the store on your computer, with an AI agent doing the work.
Publish it to the SB Commerce platform with one click.
Products, orders and shipping are all managed through the Admin interface.
Free to create. In development, and we say so below.
How it works
The same three steps, in detail.
Nothing here is a plan. Each step is a section of the developer guide, with the exact commands and the exact Admin screen.
Create an account and download a sample store
Sign up, create your store, and click Download the store in Admin. You get a zip with a complete, working shop already named after yours: pages, styles, photographs, a product list, a bag and a checkout. It carries no key and nothing belonging to anyone else.
- Free to create, and the download is one click.
- Two commands start the shop on your computer with nothing but Node.js.
- Products come from a sample file until you add your storefront key.
Admin › Store management › Storefront › Download the store
Edit it on your computer with an AI agent
Open the folder in Claude Code and say what you want different: a new front page, bigger photographs, three columns instead of two. It reads the notes we ship in the folder, makes the change, and you refresh the browser to see it. You can also edit the HTML and CSS yourself.
- Add your storefront key to one ignored file and the same pages show your real products.
- Keep every version in Git. A bad change is one command away from undone.
- The agent cannot commit a key: the local server refuses to start if it finds one in a tracked file.
npm run dev · public/*.html · src/app.jsx · .env.local
Publish to the SB Commerce platform
Push your repository and the site is built and placed as a preview on your shop's real address, visible only to you. When it looks right, click Publish in Admin and shoppers see it within a minute. Roll back is one click too.
- Products, stock, basket, discounts, postage and orders run on our servers, not in your shop.
- The key that publishes can send new versions of your one shop and nothing else.
- Every published version is kept, so the previous one is always a click away.
git push · Admin › Storefront › Publish
What you get
The shop is yours. The hard parts are ours.
The folder you download is the whole website. Everything that has to be correct, counted and kept safe runs here, in Admin.
In the folder
public/- Your website: HTML pages, the stylesheet, photographs, sample data.
src/app.jsx- The interactive parts: product lists, the bag, checkout.
lib/- The building blocks those parts are made of. Yours to change.
test/- The checks npm test runs before anything is published.
scripts/- The local server, the build, and the publish step.
.github/workflows/- What runs when you push.
It carries no key, no packages and nothing belonging to anyone else. Two rules: never edit the generated bundle, and never change the hosting name that ties the folder to your shop.
On our servers
- Products
- Sizes, colours and options, each priced and counted on its own.
- Drafts and dates
- Products stay hidden until you say, and can go live or come down on a set day.
- Collections, categories, tags
- One link in your shop can cover a whole corner of the catalogue.
- Stock
- Counted per size and per location, so a sold-out size stops selling.
- Basket
- Survives a closed tab. A customer can come back tomorrow and find it full.
- Discount codes
- Applied to the basket and shown in the total before checkout.
- Postage and tax
- Zones, rates and free-postage thresholds, quoted at checkout.
- Orders and customers
- Every order, every customer, in Admin. Your shop never stores them.
- Pages and banners
- Recipes, about pages and galleries: content that is not a product.
Your shop reaches all of this through one address and one key. The API reference lists every call.
What you need
Three free tools and, if you like, Claude.
Claude Code installs all of them for you if you ask. It cannot create accounts or type passwords, and stops to tell you when it reaches one.
Node.js 22 or newer
Runs the shop on your computer and builds it before a publish. Free, from nodejs.org.
Git and the GitHub command line
Keep every version of your shop and let a push send a preview. Both free.
Claude CodeOptional
The easiest way to change the shop. It needs a paid Claude plan from Anthropic, which is separate from us. You can also edit the files in any editor.
Publishing
Nothing goes live until a person says so.
A push is a preview, not a release.
The preview sits on your shop's real address and is visible only to someone with the link. Shoppers see the change when a person clicks Publish.
The key that publishes can do nothing else.
The deploy key you put in your repository can send a new version of your one shop. It cannot read orders, customers or takings, and you can revoke it in Admin at any time.
Keys stay out of Git.
Your storefront key lives in one file the starter's Git rules ignore. The local server refuses to start if it finds a key in a file Git tracks.
The last version is one click away.
Every published version is kept. Roll back in Admin puts the previous one back on your address within a minute.
Questions
Plain answers.
Do I have to use Claude Code?
No. The starter is plain HTML, CSS and JavaScript in a folder. Any editor works, and every step in the guide is a command you can type yourself.
Where does my shop run?
On your own computer while you work on it, and on our servers at your shop's address once you publish. Your products, baskets and orders are always on our servers.
What does it cost?
Creating an account and a store costs nothing. If you use Claude Code, you pay Anthropic for that plan, not us.
Does it work on a Mac or on Linux?
Yes. Node.js, Git and the GitHub command line run the same on Windows, macOS and Linux, and the guide gives the one command that differs in both forms.
Can I see a shop built this way?
Dave's Woodworking is the example shop the starter is based on. It is ours, not a customer's, and it runs on this platform. Open the example shop.
How finished is this?
It is in development. The workflow on this page works end to end today, and we would rather you heard from us that some addresses and features will still change.
Start with a shop that already works.
Create your store, download the starter, and have it running on your computer in a few minutes. Publishing is a click, and so is undoing it.
Already have a shop with us? Log in.