Cindy Zhu.
← all free guides
Building & apps No-code build

Build a $10,000 website with Emergent

Hey, it's Cindy ๐ŸŒฑ Agencies routinely charge around $10,000 for a custom business website, and plenty charge far more. This is the reel version: you build a real one yourself, because Claude plans the whole thing and Emergent builds and ships it. Not a flat template with a contact form that goes nowhere, a genuinely full-stack site (React front end, a Python backend, a real database) with working forms, email capture and logins, live on your own domain. Claude writes the plan, Emergent builds and deploys it, and you own the code.
why it rivals a $10k build

Why this beats a static site ๐Ÿงฉ

Most AI site tools hand you a pretty page with nothing behind it. Emergent builds the front end, the backend and the database together, so the parts that actually matter for a business site really work.

๐Ÿงฉ Full-stack, so it actually works React front end, a Python (FastAPI) backend, and a database, built as one thing. Contact forms, email capture, bookings and logins genuinely run, not just look the part.
๐Ÿ”‘ You own the code Export it, sync it to GitHub, host it wherever you want. No locked template and no monthly ransom just to keep your own website online.
๐Ÿ•ต๏ธ A built-in code-review agent Emergent checks its own work as it builds, so you catch fewer bugs and get sturdier code, even if you can't read a line of it.
๐Ÿš€ One-click deploy plus your domain Ships to a live public URL with SSL in a single click, and points at your own custom domain when you're ready.

the builder

What Emergent is ๐Ÿงฐ

Emergent is an AI app builder that turns plain English into a real full-stack site. You describe what you want, and it builds the React frontend, the Python (FastAPI) backend, and the database together, as one working product rather than a static page. As it writes, a built-in code-review agent checks its own work, so you catch fewer bugs by hand. You own and can export the code (sync it to GitHub), and when you're happy it deploys to a live public URL in one click, with SSL and custom-domain support. You build with Fable 5, one of the frontier models Emergent lets you pick from. Pricing is credit-based: a free tier gives you 10 credits a month to build and preview, and the Standard plan is $20/mo for 100 credits (a deployed app uses about 50 a month), with extra credits as you need them.


the build

Build it in 6 steps ๐Ÿ› 

  1. ๐Ÿ“ Plan it with Claude first Describe your business to Claude and have it write your website plan plus a full Emergent build prompt (use the Claude prompt below). Claude plans, Emergent ships, so you never start from a blank page.
  2. ๐Ÿš€ Open Emergent Go to Emergent (app.emergent.sh) and start a new project. The free tier (10 credits a month) is enough to build and preview.
  3. ๐Ÿ“‹ Paste the build prompt Send the build prompt Claude wrote as your very first message. It's the full spec, so Emergent gets the whole site right on the first pass instead of guessing.
  4. ๐Ÿ”‘ Add any keys as server-side secrets If your site needs a service (for example an email or notifications service so the contact form can reach you), add its key as a server-side environment secret, never in the frontend, so it can't leak to anyone who opens your site.
  5. ๐Ÿงฑ Let it build, then refine in plain English Emergent builds the front end, the backend and the database, then runs its code-review agent over what it wrote. Preview it, then tweak by describing changes: "make the hero full-bleed", "add a testimonials section", "wire the contact form to email me". One change per message.
  6. ๐ŸŒ Deploy and connect your domain Click deploy for a live public URL with SSL, then point your own custom domain at it. Done: a full-stack site you own, live on the web.

step 1, copy this

The Claude planning prompt ๐Ÿ“

Don't start in the builder. Start in Claude and let it write both your plan and the exact prompt to hand Emergent. Copy this into Claude:

๐Ÿ“ the planning prompt, paste into Claude
You're my web designer and full-stack architect. My business is [describe what you do, who you serve, and the one action you want visitors to take]. Write me a complete plan for a high-end marketing website: the sections and their order, a headline and the exact copy for each section, the calls to action, the visual style (fonts, colours, mood), and which parts need a real backend (contact form, email capture, booking, or login). Then turn that plan into one detailed build prompt I can paste into Emergent, an AI full-stack app builder, that specifies every page, the design system, the working backend features, that I own and can export the code, and that it deploys to a live public URL. Ask me anything you need about my business first.

Claude asks a couple of questions, then hands you back a full plan plus a ready-to-paste build prompt. That build prompt is your blueprint for the next step.


what Claude hands back

An example Emergent build prompt ๐Ÿ“‹

This is the kind of build prompt Claude writes for you. Swap the bracketed bits for your business, then paste the whole thing into Emergent as your first message.

๐Ÿ“‹ example build prompt, paste it whole into Emergent
Build me a full-stack marketing website for [business name], a [what you do] serving [who you serve]. One polished, mobile-responsive site with these sections in order: a full-bleed hero (a strong headline, a one-line promise, and a primary "Book a call" button), Services (three cards, each with a title, a short description, and a "from $X" line), About (a short story, a photo slot, and three credibility stats), Testimonials (a row of three quote cards with name and role), an FAQ (five questions and answers), and a Contact section with a working form (name, email, message) that saves every submission to the database AND emails it to me at hello@[mydomain].com. Send that email through a server-side email service (Resend or SMTP) with the API key stored as a server-side secret named EMAIL_API_KEY, never in the frontend. Add a lightweight admin page behind a simple login where I can read all form submissions. Design system: warm and premium, a cream (#FAF7F2) background, one terracotta accent (#D97757), a serif display font for headings and a clean sans-serif for body text, generous spacing, soft shadows, rounded cards, subtle scroll-in animations, and a sticky top nav with a call-to-action button. Make it fast and fully responsive down to mobile, add a favicon and social share meta tags, and keep the code clean and well organised so I own and can export it. Run your code-review agent over the build, then deploy it to a live public URL and tell me how to connect my custom domain and where to paste my EMAIL_API_KEY.

what to watch

A few honest notes ๐Ÿ“Œ

๐Ÿ’ฐ The $10k is what agencies charge, not what you'll pay. WebFX puts a small-business custom site at roughly $6,500 to $15,000, and bigger custom builds run well past $10,000 (source: WebFX web design pricing). You're building the same kind of full-stack site for the cost of a few credits.
โณ Credits get used on big rebuilds, so change one thing at a time. A giant "redo everything" message spends far more than a small, specific tweak. Refine in tiny steps ("group the services into three cards", "make the nav sticky", "shorten the hero copy") and your credits stretch much further.
๐Ÿ”’ Keep any API keys server-side, always. If your contact form uses an email service, its key lives as a server-side secret (EMAIL_API_KEY), never in the frontend and never pasted into the code. If a build ever slips a key into frontend code, tell Emergent to move it to a server-side secret and re-check before you deploy.
๐ŸŒ It's your site, on your domain. Emergent deploys to a live URL and supports a custom domain, so you can point yourbusiness.com straight at it, and because you own and can export the code, you're never locked in.

The links ๐Ÿ”—

๐Ÿ›  Emergent: app.emergent.sh
๐Ÿค– Claude: claude.com (write your website plan and build prompt first)
๐Ÿ“Š Agency pricing reference: webfx.com/web-design/pricing

Follow @cindiezhu for more AI you can actually use ๐ŸŒฑ
Want more like this? Follow @cindiezhu for daily AI you can actually use.