Last updated on 5th March 2026

How to Deploy a Lovable App to Production with DeployHQ

This guide will show you how to use Lovable, an AI-powered platform for building full-stack applications, and then deploy your finished project to a live server using DeployHQ for seamless automation.

Step 1: Set Up Lovable and Build Your App

First, go to the Lovable platform and sign in or create an account. Lovable is a full-stack AI-powered builder that allows you to generate complete web applications with front-end, back-end, and database integration by simply describing your idea in natural language.

Once you are in the Lovable workspace, use the chat-based interface to describe the web app you want to build. For example: "Create a to-do list web app with user authentication and a database to store tasks." The AI will generate the entire application for you, which you can then refine and edit.

Lovable app created from the prompt

Step 2: Prepare Your App for Deployment with Git

To deploy your Lovable project with DeployHQ, you need to get the code into a Git repository. Lovable provides a built-in feature for this. Find the GitHub integration or export option within your project settings. Connect your GitHub account to Lovable and export your project's code to a new repository. This will be the source that DeployHQ uses for its deployments.

Push it to a Github Repository

A note on Lovable's backend: Lovable uses Supabase to power back-end functionality including databases, authentication, and storage. When deploying to your own server, make sure your application's environment variables — such as your Supabase project URL and public API key — are configured on the target server. Without these, your app will fail to connect to its database and authentication services.

Why Deploy Beyond Lovable Cloud?

Lovable's built-in hosting is a great starting point, but there are compelling reasons to move to your own server once your project is ready for production:

  • Custom domain control: point any domain you own directly at your server without going through Lovable's platform
  • Your own server, your own costs: a VPS on Hetzner, DigitalOcean, or AWS is typically cheaper than managed AI-builder hosting at any meaningful scale
  • No platform dependency: your app keeps running regardless of changes to Lovable's pricing, hosting policies, or service availability
  • Full configuration freedom: set your own environment variables, configure server-side logic, and integrate with any infrastructure your project needs

Step 3: Deploy with DeployHQ

Now that your project is on GitHub, you can use DeployHQ to set up an automated deployment.

  1. Create a New Project: Log in to your DeployHQ account and click on the New Project button.

  2. Connect to Your Repository: Authorize DeployHQ to access your Git provider (GitHub, GitLab, etc.) and select the repository where your Lovable code is stored.

  3. Configure Your Server: Navigate to Servers & Groups and click New Server. Fill in the details for your hosting server, including the connection type (SFTP, SSH), login credentials, and the destination path for your files (e.g., /public_html). Within Lovable you can only use their hosting, but here you can use your VPS or server of choice, which is normally cheaper.

  4. Initiate the Deployment: Go to the Deployments tab, select the correct branch (e.g., main), and the server you just configured. Click the Deploy button to have DeployHQ automatically pull your code from GitHub and upload it to your server.

Step 4: Set Up Automatic Deployments

To avoid manually triggering deployments every time you push an update, configure DeployHQ's automatic deployment webhook. In your project settings, find the Automatic Deployments section and copy your webhook URL. Add it to your GitHub repository under Settings > Webhooks. Every subsequent push to your configured branch will trigger a deployment automatically, keeping your live server in sync with your latest code.

Step 5: Monitor Your Live Application

DeployHQ's dashboard allows you to monitor the status of every deployment in real time. You can view the logs to see exactly what files were transferred, check for any errors, and confirm that your application is live. This provides a detailed overview and control over your deployment pipeline.

Ready to take your Lovable app off the platform and onto your own server? Sign up for DeployHQ and get your first deployment running in minutes — plans start with a free trial. Check out DeployHQ pricing for details.

Building with other AI tools? See our deployment guides for Bolt, Replit, and v0. For AI-assisted coding editors, check out our guides for Cursor, Windsurf, and Cline.

Questions? Email us at support@deployhq.com or reach out on X at @deployhq.