Skip to main content
Lovable makes it easy to publish your project to the web, either on a free lovable staging subdomain (e.g. yoursite.lovable.app) or your own custom domain. This guide walks you through how to connect your domain, troubleshoot common issues, and understand your options across different hosting providers.

​
Why use a custom domain

Connecting a custom domain (e.g., yourdomain.com) improves your site’s:
  • Brand identity - looks more professional
  • Search engine visibility - better SEO
  • Memorability - easier to share and remember

​
Requirements to use a custom domain

Before you begin: Lovable uses a tool called Entri to help you connect your domain quickly and securely. For some providers it offers an automatic DNS setup and www redirect.

​
Connect your domain (via Entri)

1

Open your Project Settings

Go to Project > Settings > Domains and click Connect Domain.
2

Continue Setup

Click Continue and enter your domain (e.g., yourdomain.com).Connect your domain
3

Select Your DNS Provider

Choose your domain provider from the list. If your provider isn’t listed, please see the steps listed further down on this page.Choose your provider
4

Authorize with Entri

Follow the prompts to log in to your provider and authorize access for Entri to update your DNS settings.
5

Close and Complete

Click Close Window, return to Lovable, and click Done.
DNS changes may take up to 48 hours to propagate, though most updates are live within a few hours.
All set! Once verified, your Lovable app will be live at your custom domain.

​
What if my provider isn’t listed?

If your provider isn’t supported by Entri, you can still connect your domain manually.
  1. Open your Project Settings and go to Project > Settings > Domains and click Connect Domain.
  2. Enter your domain and continue.
  3. When choosing a provider, scroll to the bottom and choose a manual setup. From there you’ll be able to copy the records to input directly into your domain registrar. DNS settings

​
Hosting on Third-Party Platforms

You can also deploy your Lovable app using GitHub and host it on platforms like Netlify, Vercel, or using GitHub Pages with providers like Namecheap.

​
Netlify

  1. Transfer your project to GitHub.
  2. Import it into Netlify and deploy.
  3. Add a domain in Netlify by going to Domain Management.
  4. Follow DNS instructions in Netlify to connect your custom domain.
  5. Done! Your site redeploys automatically when changes are made in Lovable.

​
Vercel

  1. Create a GitHub repo from Lovable.
  2. Import into Vercel and assign your custom domain.
  3. Create a development branch for staging.
  4. Set Vercel to only deploy from the main branch.
  5. Switch in Lovable to the development branch. Now you can make changes without them directly going live to production.
  6. Deploy changes to production when ready by merging dev → main.

​
Namecheap + GitHub Pages

Use this guide made by one of our users, to get personalized step-by-step instructions on how to set it up.

​
FAQ

  • Double-check your DNS settings by using for example dnschecker.org. Sometimes DNS changes can take up to 48 hours to propagate. Correct DNS settings should be:
    • A record pointing to 185.158.133.1 for @ as host name.
    • A record pointing to 185.158.133.1 for www as host name.
  • Clear your browser cache or test in an incognito window.
  • Try removing and re-adding the domain in Project > Settings > Domains.
Lovable doesn’t sell domains directly, but have partnered with IONOS to facilitate the setup. Please click the “Buy Domain” button in the Project Settings > Domains to buy a domain through IONOS.
Yes, positively. A custom domain improves your site’s discoverability in search engines and makes it look more trustworthy to users.
Yes! When you connect a custom domain to your Lovable app, we automatically generate and install a SSL certificate for it. This ensures your site is served over HTTPS, keeping your visitors’ data secure and improving your site’s SEO ranking. If it hasn’t been issued after 48 hours, please reach out to support.
Yes! You can connect a subdomain (like blog.yourdomain.com or app.yourdomain.com) instead of the root domain. When entering your domain in the setup flow, just include the subdomain you want to use.
You can connect multiple subdomains, but each one must be added and configured individually.
For example, if you want to use blog.yourdomain.com, shop.yourdomain.com, and app.yourdomain.com, you’ll need to repeat the connection process for each subdomain in Project > Settings > Domains.
  1. Go to Project > Settings > Domains
  2. Click the bin-icon next to your domain
  3. Your domain will be disconnected from the project. Make sure to clear DNS settings in your domain provider to completely clear the connection.
Currently there is no way to remove the .lovable.app subdomain from your project.
The www subdomain configuration is included when you set up your root domain, so there’s no need to add it separately in the Lovable UI.
⌘I