Makeble — AI web builder
You describe an app in plain language. Makeble writes the Next.js code, deploys it to a real URL and shows you the running site. A personal project I built on my own.
- Scope
- Personal project, built solo
- Pipeline
- Prompt → code → live deploy
- Status
- Live demo, free to try
What it actually does
In the order a visitor experiences it:
- 01
You type what you want
In English or Hebrew. "A restaurant page with a menu and a contact form."
- 02
You watch it being written
The AI streams real code files onto the screen one at a time — not a progress bar, the actual files.
- 03
It gets published for real
The project is deployed to Vercel and comes back with a genuine web address you can open, share, or send to a client.
- 04
You keep talking to it
"Make the header blue." "Add a booking page." Each change redeploys. You can also edit the code by hand, roll back a bad change, or export the whole thing as a ZIP.
The decision that separates it from a demo
Many AI builders show a simulated preview inside the browser. Makeble works differently.
Every change is deployed to Vercel for real. It takes 1–3 minutes, but what you see is the actual site that went live.
How it's built
The main parts:
AI code generation
The Claude API writes the project files, and they appear on screen as they are generated.
Checking the code before deploy
Generated code is checked for errors before it is deployed, and the AI gets a chance to fix them.
Real deployments
Each version is deployed to Vercel and gets its own working URL.
Accounts and payments
Sign-in, usage limits and subscriptions with Stripe.
What it shows
This is a personal project, so it is here to show how I work:
- A full product built on my own, from the interface to deployment and payments.
- Hebrew and English, with full RTL support.
- Hands-on experience with how AI-generated code works, and where it breaks.
- Code editing in the browser, rolling back to an earlier version, and ZIP export.
What it is not
Makeble was never opened to real users, and there is no traction to report. Development stopped in August 2026, and the demo is live for anyone to try.
Stack
Next.js, React, TypeScript, Postgres, Stripe, the Claude API and Monaco for in-browser editing. Personal project: the code is private, the live demo is linked above.
Does this sound like your app?
If your app has a similar problem, an audit is a low-risk way to start: read-only access, a written report and a prioritized list of fixes.