How to Add Custom Domain to Lovable App

If you’ve built something in Lovable and want to share it with the world, the first step is getting it off the default yoursite.lovable.app subdomain and onto your own branded domain.

A custom domain instantly:

• Makes your project look more professional
• Helps with SEO
• Generally feems more legit

I’ll walk you through exactly how to connect your domain to a Lovable project, what the requirements are, and a few gotchas you might run into along the way.

Lovable does a solid job, but you’ll see that they keep certain features locked behind their paid plan (like custom domains), whereas other apps include a bunch of those things out of the box. So if you’re still deciding where to build, maybe a Lovable alternative might save your time.

In this guide, I’ll show you how to connect your domain to Lovable.

What You Need to Connect a Custom Domain to Lovable

Before you start, make sure you’ve got these covered:

1. A paid Lovable plan: custom domains aren’t available on the free plan.
2. A domain name you own: you can grab one from Namecheap, GoDaddy etc.
3. Your domain DNS settings: you’ll need to add records during setup.

Lovable uses a tool called Entri to help connect your domain. With some providers (like Namecheap or GoDaddy), Entri can do the DNS work automatically. If your provider isn’t supported, you’ll just copy the DNS records over manually.

Quick note: In Shipper, domains also require a paid plan (fair’s fair), but DNS management is smoother. You get guided setup inside the app, and we throw in things like SSL certificates by default (no extra clicks).

---

How to Connect Custom Domain to Lovable

In Lovable, go to Settings > Domains, enter your domain, pick your provider, and connect via Entri or manual DNS records. Once DNS updates (usually within a few hours), your site will be live on your custom domain.

To put it simpler, follow these steps:

1. Go to Settings > Domains > Connect Domain
2. Enter your domain (example: website.com)
3. Pick your provider from the list (Namecheap, GoDaddy, etc).
   If it’s not there, choose Manual setup
4. If supported, log in through Entri and let it add DNS records automatically
5. Close the window, go back to Lovable, and click Done

That’s it. Most domains go live in a few hours, but it can take up to 48.

---

Hosting Lovable Project on Other Platforms

You don’t have to keep your app on Lovable’s servers.
You can export your project to GitHub and host it wherever you like:

• Netlify: Push your project to GitHub, import it into Netlify, then connect your custom domain under Domain Management.
• Vercel: Import the repo into Vercel, assign your custom domain, and set up a staging branch for development vs. production.
• GitHub Pages (with Namecheap, etc.): Export your project and follow your registrar’s DNS setup guide to point the domain to GitHub Pages.

With Shipper you don’t need to jump through these steps.

Projects are instantly live on a Shipper subdomain, and you can point your own domain in a few clicks without exporting to GitHub.

→ Lovable vs Shipper, full comparison

How to Delete & Disconnect Custom Domain from Lovable

To delete a custom domain in Lovable, go to Settings → Domains, select your domain, and click Remove. Your project will switch back to the free .lovable.app subdomain automatically.

If you no longer want your project linked to a custom domain, you can remove it in a few steps:

1. Go to your project’s Settings → Domains
2. Find the domain you connected
3. Click Remove or Disconnect Domain
4. Confirm the action

After this, your site will go back to using the free .lovable.app subdomain.

→ Common bugs and errors in Lovable

Top 5 Domain Providers for Lovable

1. GoDaddy

website: godaddy.com

GoDaddy is one of the biggest registrars and is known for a simple dashboard, but sometimes upsells can clutter the experience.

Pros	Cons
Easy DNS interface	Can feel bloated with upsells
Popular choice, lots of guides online	DNS propagation can be slower than others

How to Connect GoDaddy to Lovable

• Go to My Products → Domains → DNS
• Click Add Record
• Add the A record for @ and CNAME for www as shown in Lovable
• Save changes and wait for propagation

2. Namecheap

website: namecheap.com

Namecheap is popular for affordable domains and a clean dashboard.

Pros	Cons
Low-cost domains	Support can be a bit slow
DNS changes usually fast	Interface can be confusing the first time

How to Connect Namecheap to Lovable

• Go to Domain List → Manage → Advanced DNS
• Add an A record for root (@) and a CNAME for www
• Save and wait for DNS to update

3. Cloudflare

website: cloudflare.com

Cloudflare doubles as both a DNS manager and a performance/security layer. Many devs use it even if they bought domains elsewhere.

Pros	Cons
Very fast DNS propagation	Proxy mode can break setup if left on
Free CDN & SSL included	Slightly more technical than GoDaddy/Namecheap

How to Connect Cloudflare to Lovable

• Go to DNS → Records → Add
• Add the A and CNAME records Lovable provides
• Make sure the orange proxy cloud is off (set it to gray) until the domain verifies
• After it’s live, you can turn the proxy back on if needed

4. Porkbun

website: porkbun.com

Porkbun is a smaller registrar but loved for transparent pricing and a minimal dashboard.

Pros	Cons
Simple interface	Smaller ecosystem, fewer tutorials online
Quick propagation times	Lacks some advanced features of Cloudflare

How to Connect Porkbun to Lovable

• Go to Domain → DNS Records
• Add the A record for @ and CNAME for www from Lovable
• Save and wait a few hours for DNS to propagate

5. Squarespace Domains

website: domains.squarespace.com

Squarespace lets you manage domains and websites in one place. Good for non-technical users, but DNS options are limited.

Pros	Cons
Integrated with AI website builder	Fewer DNS controls than Cloudflare
Beginner-friendly dashboard	Can be harder to migrate later

How to Connect Squarespace Domain to Lovable

• Go to Home → Domains → DNS Settings
• Add the A record for root (@) and CNAME for www
• Save changes and give DNS time to update

6. Vercel

website: vercel.com

Vercel is a hosting platform built around Git and Next.js. It’s fast, auto-deploys from branches, and has a clean domain manager.

Pros	Cons
One-click Git deploys and previews	Slight learning curve with env vars and project settings
Built-in CDN and SSL	Free tier limits can bite on larger apps
Easy custom domains and redirects	Requires Git workflow for best experience

How to Connect Lovable to Vercel

1. Export your Lovable project to a GitHub repo.
2. In Vercel, Import Project from GitHub and deploy.
3. In Vercel, go to Domains, add your custom domain, and verify.
4. Point DNS at your registrar the way Vercel instructs (usually CNAME for www and A/ALIAS or CNAME flattening for root).
5. Optional: create a dev branch for staging and set Production Branch to main so you control when changes go live.

7. Netlify

website: netlify.com

Netlify is a static-first hosting platform with painless deploys from Git, serverless functions, and a friendly UI.

Pros	Cons
Super simple Git deploys and rollbacks	Best for static or Jamstack apps
Instant previews on PRs	Functions and build minutes have limits on free tiers
Built-in CDN, SSL, redirects, forms	Some advanced routing needs _redirects or config files

How to Connect Lovable to Netlify

1. Export your Lovable project to a GitHub repo.
2. In Netlify, click Add new site → Import an existing project, choose the repo, and deploy.
3. Go to Site settings → Domain management → Add domain and enter your custom domain.
4. In your registrar, add the DNS records Netlify provides (usually CNAME for www and A or ALIAS for root).
5. Wait for DNS to propagate. Netlify issues SSL automatically once the domain verifies.

---

Like Lovable, but 10x Easier to Connect Custom Domains

Everything above shows you how to get domains working in Lovable. It does the job, but if you’re still in the stage of picking the right tool, it might help to know how Shipper handles this too.

I’ve tried both Lovable and Shipper, and here’s what stood out to me with Shipper:

• Straightforward setup — you just drop your domain into the project and Shipper shows you the DNS records you need.
• SSL included automatically — no waiting around for certificates or clicking extra buttons.
• Domains + more — custom domains are on the paid plan (like Lovable), but Shipper also gives you features like publishing, AI guidance, and free credits bundled in.
• Smooth switching — you can easily disconnect and reconnect domains to different projects without headaches.

If you’re already on Lovable, the steps above will work fine. But if you’re exploring tools, Shipper’s domain flow feels lighter and faster — and you get a few extras along the way.

FAQ: Lovable Domains

1. How do I host my Lovable app with a custom domain?

Subscribe to a paid plan, go to Settings → Domains, enter your domain, and connect it via Entri or manual DNS records. Once DNS propagates, your Lovable app will be live on your custom domain.

2. Why is my custom domain unreachable in Lovable?

This usually happens because DNS changes haven’t fully propagated (can take up to 48h) or the records were entered incorrectly. Double-check your A and CNAME records, and make sure your domain is still linked inside Lovable’s settings.

Issue	What It Means	Fix
DNS still propagating	It can take up to 24–48 hours for DNS changes to update worldwide	Wait and check again later (use a tool like whatsmydns.net to track progress)
Wrong DNS records	A or CNAME records don’t match what Lovable provided	Recheck Lovable’s instructions and correct the records in your domain registrar
Domain not added in Lovable	The domain wasn’t actually connected inside your project settings	Go to Settings → Domains and make sure it’s listed as “Connected”
SSL not provisioned yet	The secure certificate is still being issued	Wait a few hours; Lovable auto-generates SSL after domain is verified
Conflicting DNS setup	Old records (like for email or another host) are overriding	Clean up unused A/CNAME records and keep MX records for email intact
Plan expired or downgraded	Custom domains are only on paid plans	Renew or upgrade your Lovable subscription
Cached browser error	Browser is showing an outdated connection attempt	Clear cache or test in an incognito window

3. What happens to my custom domain if I cancel my Lovable’s subscription?

Once you cancel, your project will lose access to paid features, including the custom domain. Your site will no longer stay live on your domain — it will revert back to the default .lovable.app subdomain.

To keep your own domain connected, you’ll need an active paid plan.

→ Delete your Lovable account
→ Remove badge in Lovable app