How to vibe code a website for your business

Before you start

You need your business name, the services you want on the site, a few real photos if you have them, and the domain you want to use (or an idea of it). Write down the one thing you want a visitor to do, like book a call or send an inquiry. Every page should point there.

Step 1: Plan the site in one paragraph

Before you open any tool, write who the site is for, what they’re looking for and what you want them to do next. “Local families looking for a dentist who can book online” is a plan. “A website for my practice” isn’t.

Paste that paragraph at the start of every session, so the AI keeps building the same site.

What you have now: a plan the AI can follow, and a way to judge every page against it.

Step 2: Get a first draft, one page at a time

Use a browser-based AI builder for the first draft, the kind where you describe it and see it running moments later. Many of the tools sold as an AI app builder can make websites too. Start with the home page, and ask for one section at a time. When something looks wrong, say exactly what: “the button is hidden on my phone”, not “it’s broken”.

Don’t write every page before the first one works. A site with three finished pages beats one with ten half-done ones.

What you have now: a working home page you can show someone.

Which builder? Best vibe coding tools

Step 3: Connect your domain and put it live

Your domain is the address people type, like yourbusiness.com. Most AI builders can publish to a free address for testing and then connect a domain you own. Buy the domain in your own name, in an account you control, so you keep it if you ever change builders.

When you connect it, pick one version of the address (with or without “www”) and make the other one redirect to it, so Google sees one site instead of two.

What you have now: a live site at your own address.

Step 4: Make sure the form reaches you

This is where most vibe coded sites fail quietly. The form looks fine, a visitor fills it in, and the message goes nowhere. Send a test inquiry from your phone, then check that it arrives where you’ll actually see it, and that the visitor gets a confirmation.

Better still, send the form straight into a CRM, so every inquiry gets tracked and followed up instead of sitting in an inbox nobody checks.

What you have now: a form you’ve tested end to end, and inquiries that don’t get lost.

Step 5: Set the SEO basics

AI builders often skip these, so ask for them by name:

• A clear title and meta description on every page, written for the person searching.
• One main heading per page that says what the page is about.
• A sitemap (a file that lists every page, usually at /sitemap.xml), so search engines can find them all.
• Real text on the page, not only images, so there’s something to read.

Then add your site to Google Search Console and submit the sitemap. That’s how you find out whether Google has seen it at all.

What you have now: a site that search engines can find and understand.

Step 6: Run a security check before you share it

Before you send anyone the link, check four things:

• Nothing private shows up when you’re logged out.
• There are no keys or passwords sitting in the site’s code or settings.
• The form can’t be used to send you hundreds of junk messages.
• You know who can edit the site, and that list is short.

Step 7: Save every working version

AI writes pages and it breaks them too. Keep your site’s history in your builder or on GitHub, so when an edit goes wrong you can go back to the version that worked this morning.

What you have now: an undo button for your whole site.

What breaks

• The form. It looks fine and sends nothing. Test it from a phone every time you change it.
• The phone view. The AI builds for a big screen by default. Check every page on your phone.
• Drift. After a long session the AI starts changing things you didn’t ask for. Paste your plan again, and save before big edits.
• The domain. It’s registered in someone else’s account, and you can’t get to it when you need it.

When to get help

A simple site with a few pages and a form is a good first vibe coding project. Get help when the site needs to take bookings, take payments, hold client information, or feed a CRM and follow-up that has to work every time. That’s the part I build for small businesses.