- Lovable
- Bolt
- v0
- Vercel
- Netlify
- Cloudflare
Publish your site and connect your own domain
Put your AI-built site online with your builder's publish button or Vercel/Netlify, then connect a domain — DNS explained with Cloudflare as an example.
Beginner 4 min read7 steps
Your site works in the preview — now it should be on the internet, at an address like yourbusiness.com. That takes two things: hosting (a computer that serves your site to visitors) and a domain (the name people type).
This guide covers both, whichever tool you built with. The exact buttons differ between tools and change often, so we describe what to do and what to look for.
What you'll build
- Your site live on a free address from your builder or host.
- Your own domain pointing to it, with HTTPS (the padlock) working.
- An understanding of DNS records, so the next domain takes five minutes.
Before you start
- A finished project in Lovable, Bolt, v0, or a code project on GitHub.
- A domain you own, or a few euros/dollars a year to buy one.
Step 1: Choose how to host
- Builder hosting
- Lovable, Bolt and v0 have their own publish button. Easiest option: one click, and updates go live when you publish again.
- Vercel / Netlify
- Hosting services that build your site from a GitHub repository. Best when you work in Cursor or Claude Code, or want more control. Both have free plans for small sites.
Step 2: Option A: publish from your AI builder
- Find the publish or deploy button in your builder — at the time of writing it's near the top of the screen in Lovable, Bolt and v0.
- Follow the steps. You may be asked to choose a name for the free address.
- Open the address in a private browser window to check it works for others too.
You now have a live site on a free subdomain of the builder or its hosting partner. Custom domains are usually set up in the same publish or project settings — some tools require a paid plan for that.
Step 3: Option B: deploy with Vercel or Netlify
- Put your project on GitHub. In Cursor or Claude Code, ask the agent: “Create a GitHub repository for this project and push it”.
- Sign in to Vercel or Netlify with GitHub and create a new project from that repository.
- Keep the detected settings (they recognise Next.js and Vite automatically) and deploy.
- From now on, every push to GitHub deploys automatically.
Ask your agent I want to deploy this project to [Vercel / Netlify]. Check that it builds without errors, list the environment variables I need to set on the host, and tell me step by step what to click.
Step 4: Get a domain
Buy a domain from any registrar. Cloudflare Registrar sells domains at cost with no markup; others such as Namecheap or your local provider work just as well. Many hosts can also sell you one directly.
Step 5: DNS in plain words
DNS is the internet's address book: it translates
yourbusiness.cominto the address of the computer hosting your site. You change it by adding records at your DNS provider (usually the registrar).- A record
- Points a name to an IP address (numbers like 203.0.113.10). Often used for the root domain,
yourbusiness.com. - CNAME
- Points a name to another name, like
www→your-project.hosting-provider.com. Often used forwww. - TXT
- A text note used to prove you own the domain. Hosts sometimes ask you to add one for verification.
- Propagation
- The time it takes for changes to spread. Usually minutes, occasionally up to 48 hours.
Step 6: Connect the domain (Cloudflare example)
- In your host (builder, Vercel or Netlify), open the project's domain settings and add your domain. Add both
yourbusiness.comandwww.yourbusiness.com. - The host shows which records to create — typically an A record for the root domain and a CNAME for
www. - In Cloudflare, open your domain and go to its DNS records. Add each record exactly as the host shows it: type, name and value.
- Go back to the host and wait until it shows the domain as verified. HTTPS is set up automatically once it's verified.
Using a registrar other than Cloudflare? The steps are the same — look for “DNS”, “DNS records” or “zone” in its dashboard.
- In your host (builder, Vercel or Netlify), open the project's domain settings and add your domain. Add both
Step 7: After launch
- Choose one main address (with or without
www) and let the host redirect the other one to it. - Test on your phone using mobile data, not just Wi-Fi.
- Add the site to Google Search Console so it appears in search results sooner.
Launch check My site is live at [https://yourbusiness.com]. Check that it has a page title, meta description, favicon, share image (Open Graph), a sitemap and a robots.txt. Add whatever is missing.
- Choose one main address (with or without
Keep going
Need a site to publish?
Pick a template, build it with your AI tool, and come back here when it's ready to go live.
Browse templatesNext guide
Connect a Fazekit app to a real database with Supabase
Demo data vs live data, tables, sign-in and Row Level Security explained in plain words — plus prompts to move a Fazekit app onto Supabase.
← All guides·Last reviewed 24 September 2026