How to build a website with AI, from idea to your own domain

Build a website with AI step by step: choose a tool, write prompts that work, edit and test it, then put it online with your own domain, free to start.

1. The short answer

To build a website with AI, describe the site you want to a tool like Claude, ChatGPT, Lovable or Cursor, refine it with follow-up requests, test it on a phone and a laptop, then put it online with a host and point your own domain at it. A simple site takes an afternoon. A small app with a database takes longer, mostly in testing.

Here's the whole path, step by step.

2. Step 1: decide what you're building

Before you open any tool, write down:

• Who it's for and the one thing they should do on it, such as book a table, get in touch or sign up.
• The pages. For most small sites: a home page, an about page, a services or menu page and a contact page.
• Whether it needs to remember anything. A brochure site doesn't. Anything with accounts, saved data or orders does, and that means a database.
• What it should feel like: two or three sites you like, your colors and your logo if you have one.

This is your brief. You'll paste it into the AI tool, and it will save you a lot of back and forth.

3. Step 2: choose an AI tool

• A chat assistant (Claude or ChatGPT) for a static site of a few pages. You describe it, the assistant writes it, and with a hosting connector it can put the site online too.
• An app builder (Lovable, Bolt, v0 or Replit) if you want a live preview in the browser and might need sign-in or a database later.
• A coding agent (Claude Code, Cursor, Codex, Gemini CLI or Windsurf) if you're comfortable with a folder on your computer and want the most control. Agents run the site, read errors and fix them.

If you're unsure, start with whichever you already use. You can move the code to another tool later.

4. Step 3: write a first prompt that works

Paste your brief, then be specific about the build. A good first prompt looks like this:

Build a website for Rosa's Bakery, a small bakery in Austin.
Pages: Home, Menu, About, Contact.
Goal: get people to visit or call to order a cake.
Style: warm and simple, cream background, dark brown text,
one accent color (#C2410C), large photos, mobile first.
Use plain HTML and CSS with a little JavaScript, no framework.
Put each page in its own file with an index.html at the top.
Write real page titles and meta descriptions for each page.
Use placeholder images I can swap later.

Prompting tips that make a real difference:

• Name the stack. Plain HTML for a brochure site. Vite with React, or Next.js, for an app. Popular choices are what AI knows best and what's easiest to host.
• Ask for small steps. Get the home page right before asking for the rest.
• Show, don't describe. A screenshot of a layout you like beats a paragraph about it.
• Say what to keep. “Change only the header; leave everything else as it is” stops surprise rewrites.
• Write your own words. AI can draft copy, but your prices, opening hours and story should come from you.

5. Step 4: edit and refine

Look at the result as a visitor would, then ask for changes one at a time: “Make the menu prices bigger”, “Add a map to the contact page”, “The buttons are hard to read on mobile”.

If something breaks, paste the exact error and say what you were doing. If a fix fails twice, ask the AI to explain what's wrong before it tries again. That usually breaks the loop.

Keep a copy of each version that works. Coding agents and app builders can commit to Git for you; with a chat assistant, download the files after each good step.

6. Step 5: add a database, only if you need one

A contact form can send email through a form service, with no database. Accounts, saved data, bookings or orders need one. Ask your AI tool to use a hosted database such as Supabase or Neon, not files saved next to the code, which usually vanish on the next deploy.

Keep the database keys out of your code. They go in environment variables on your host. Our guides on environment variables and connecting Supabase explain how.

7. Step 6: test before you launch

• Open every page on a phone and on a laptop.
• Click every link and button, and submit every form.
• Read every word out loud. AI copy often sounds fine and says nothing; make it specific.
• Check each page's title and description. They're what search results show.
• If it has sign-in or a database, try to see someone else's data while signed out, or signed in as another user.
• Ask the AI: “Review this site for accessibility, security and broken links, and list the problems before fixing anything.”

8. Step 7: put it online

You need a host that builds your site and serves it with HTTPS. On Cloudzyro there are three ways:

• Ask your AI tool. Connect Cloudzyro to Claude, Claude Code, ChatGPT, Cursor or Codex once, then say “Put this site online with Cloudzyro”. It picks an address, sends the files and tells you when it's live. See how to deploy a site built with Claude.
• Connect GitHub, GitLab or Bitbucket. App builders such as Lovable, Bolt, v0 and Replit can sync to GitHub. Connect the repository, and every push goes live.
• Upload a folder or zip in the console.

Your site gets a free address like rosas-bakery.cloudzyro.app. The Launch plan is free with business use allowed, never puts your site to sleep and keeps your last 5 versions, so you can restore one in a click.

9. Step 8: connect your own domain

Buy a domain from any registrar, or in the Cloudzyro console. Then:

1. In the console, open your site, go to its Domains tab and add www.yourdomain.com.
2. At your DNS provider, add a CNAME record: www pointing to domains.cloudzyro.app.
3. To send people who type yourdomain.com to the www address, add an A record for the bare domain pointing to 173.234.137.167.

It's usually live within 5 to 15 minutes, with HTTPS set up for you. Custom domains are free on every plan, and if you buy the domain from us, we add the records ourselves. More detail: how to host a website.

10. Step 9: keep improving it

Ask your AI tool for changes as before, then deploy again. Each deploy is a new version, so if a change goes wrong you can ask your AI tool to restore the previous one. Add a page when customers keep asking the same question, and update prices and hours the day they change. A small site that stays accurate beats a big one that doesn't.

Building something bigger, like an app or a first product? See hosting for MVPs and Sites & Apps.