No-CodeBeginner

How to Connect a Custom Domain to a Lovable or v0 App

Point your own domain at an app published with Lovable or v0 by adding the right DNS records at your registrar.

7 minBeginner

A lovable.app or vercel.app URL is fine for testing, but a real product wants its own domain. The process is the same idea everywhere: the tool gives you DNS records, and you add them at the company where you bought the domain. This guide walks through both Lovable and v0 (Vercel).

What you need

  • A published app on Lovable or v0/Vercel
  • A domain you own (from Namecheap, GoDaddy, Cloudflare, etc.)
  • Access to your registrar's DNS settings
  • About 10 minutes, plus DNS propagation time

Step 1: Add the domain in the tool

In Lovable, open project settings and choose Connect domain. In v0, deploy to Vercel and add the domain in the Vercel project under Settings, Domains. Either way, the tool then shows you the DNS records to add.

Vercel - Domains
Settings > Domains
------------------------------------------
Add: app.preppilot.com
Add these records at your DNS provider:
Type Name Value
A @ 76.76.21.21
CNAME www cname.vercel-dns.com
Status: Waiting for DNS ...
The tool tells you exactly which records to create.

Step 2: Add the records at your registrar

Log in where you bought the domain, open the DNS or Advanced DNS section, and add exactly the records shown. For a root domain you usually add an A record; for a subdomain like www or app you add a CNAME.

DNS records
# Root domain -> A record
@      A      76.76.21.21

# www subdomain -> CNAME
www    CNAME  cname.vercel-dns.com
Do not duplicate conflicting records
If an old A or CNAME record for the same name already exists (for example from a parked page), delete it first. Two records for the same host fight each other and the domain will not resolve correctly.

Step 3: Wait for propagation and verify

DNS changes can take a few minutes to a few hours to spread. Use a command line check to confirm your records point where they should before assuming something is broken.

zsh - check dns
$dig app.preppilot.com +short
cname.vercel-dns.com.
76.76.21.21
If the value matches the tool's record, you are set
$

Step 4: Confirm HTTPS is issued

Once DNS resolves, the platform automatically issues a free TLS certificate. The domain status flips to Valid or Active and your app loads over https with a padlock.

Result

Your app is live on your own domain with HTTPS. Visitors no longer see a platform subdomain, which makes the product feel real and improves trust and shareability.

Watch related tutorials

Tags
#domain#dns#lovable#vercel#publish