# How to Set Up Lovable on Vultr with xCloud?

> Learn how to set up Lovable on Vultr using xCloud. Follow a clear step-by-step guide to deploy and manage AI-powered applications with ease.

[**Lovable**](/lovable-hosting/) is a modern AI-powered application-building platform designed to help anyone create user-friendly, scalable, and production-ready applications and websites through chatting.

Set up **[Lovable](/lovable-hosting/)** on Vultr with xCloud quickly and easily. This guide walks you through the basic steps to configure and launch Lovable on a Vultr server, helping you streamline deployment and manage your application with minimal effort

## **How to Set up A Vultr Server in xCloud?**

This guide shows how to set up a Vultr server in xCloud. Follow the steps to quickly launch, configure and start your cloud journey:

### **Step 1: Create Your New Vultr Server In xCloud**

After logging in to your xCloud account, start by adding a new server by clicking on the **“New Server”** button from your dashboard.

![Create Your New Vultr Server In xCloud](/_landing/docs/set-up-lovable-on-vultr-with-xcloud-image-117.png)

The next screen will provide the list of our available services. For this tutorial, we will create a Vultr server and for that select the Vultr option under **“Bring your own server service”.** The billing of the server will be handled on your Vultr account and in xCloud we won’t charge for this first server.

![Bring your own server service](/_landing/docs/set-up-lovable-on-vultr-with-xcloud-image-119.png)

### **Collect API key from Vultr** 

After you have successfully completed setting up your billing method, you will need to get the Vultr API key to add it to xCloud to create and manage 1 server and 10 sites for free. Navigate to the Account → API tab from your Vultr dashboard. After that click on the **‘Enable API’** button.

![Collect API key from Vultr ](/_landing/docs/set-up-lovable-on-vultr-with-xcloud-image-120.png)

Now, your **‘Personal Access Token’** will be auto-generated. Copy the API Key/Token.

![Personal Access Token](/_landing/docs/set-up-lovable-on-vultr-with-xcloud-image-121.png)

Please make sure you have added Any **IPv4** and Any **IPv6** both under Access Control.

![Access Control](/_landing/docs/set-up-lovable-on-vultr-with-xcloud-image-122.png)

Now, you need to go back to the xCloud dashboard and add your Vultr Label & API Key.

### **Add Team Members in Vultr**

If you want your team members to use xCloud with Vultr, then make sure these permissions are given.

![Add Team Members in Vultr](/_landing/docs/set-up-lovable-on-vultr-with-xcloud-image-126.png)

### **Add Vultr API Key in xCloud** 

Thanks to xCloud, you can create your first server without spending any money. Now, click on **‘New Server’** from the xCloud dashboard and you will be redirected to the server selection screen. Then click on **‘Vultr’** to proceed further.

![Add Vultr API Key in xCloud](/_landing/docs/set-up-lovable-on-vultr-with-xcloud-image-124.png)

After selecting **‘Vultr’**, set your **‘Key’**, **‘Vultr Label’**, and ‘**Vultr API Key’**. Then click on **‘Verify’**.

![After selecting ‘Vultr’, set your ‘Key’, ‘Vultr Label’, and ‘Vultr API Key’. Then click on ‘Verify’.](/_landing/docs/set-up-lovable-on-vultr-with-xcloud-image-125.png)

### **Step 3: Create a Vultr Server in xCloud** 

Now that you have successfully verified your Vultr account, you will need to add other details to create a server in Vultr using xCloud. Choose your Region, Database Server, Server Size, and much more from one easy dashboard. 

![Create a Vultr Server in xCloud ](/_landing/docs/set-up-lovable-on-vultr-with-xcloud-image-123.png)

After putting all the information, click on **‘Next’** and xCloud will automatically install and set up everything for you in a few minutes.

## **How to Deploy Lovable Applications with xCloud?**

xCloud allows you to deploy Lovable applications easily from your Git repositories. You can install and set up Lovable and get your application live in just a few clicks. Follow the steps below to set up Lovable with xCloud and deploy **AI powered projects easily:**

### **Step 1: Create a New Site**

Begin by logging into your xCloud account. Once logged in, navigate to your dashboard and click on the **‘New Site’** button.

![Create a New Site](/_landing/docs/how-to-set-up-lovable-on-aws-with-xcloud-image-127.png)

### **Step 2: Choose Your Server**

Then choose your server from the dropdown menu. Next, click on the **‘Next’** button to proceed to start creating Lovable applications.

![Choose Your Server](/_landing/docs/how-to-set-up-lovable-on-aws-with-xcloud-image-128.png)

### **Step 3: Go to the Lovable Tab**

From here, go to the **‘Lovable’** tab to deploy your Laravel applications. Now, choose **‘Clone A Git Repository’** to import your custom PHP site. 

![Go to the Lovable Tab](/_landing/docs/how-to-set-up-lovable-on-aws-with-xcloud-image-129.png)

Before you proceed, make sure your Lovable projects are properly synced with Git repositories.

![Lovable projects are properly synced with Git repositories.](/_landing/docs/how-to-set-up-lovable-on-aws-with-xcloud-image-130.png)

### **Step 4: Set Up Domains**

From the **‘Domains’** tab, you will get two options: either you can create a **‘Demo Site’** with a test domain and refine it until it is ready for launch, or, you can migrate into a new domain to get your site up and running in a new domain. 

Or you can create your site with your live domain; you need to select the **‘Migrate into a New Domain’** option.

![Set Up Domains](/_landing/docs/how-to-set-up-lovable-on-aws-with-xcloud-image-132.png)

### **Step 5: Configure Site Settings** 

Next, under the **‘Settings’** tab, you will get the **‘Node.js Version’** and **‘Site User’** for this application. After that, click on the **‘Next’** button.

![Configure Site Settings ](/_landing/docs/how-to-set-up-lovable-on-aws-with-xcloud-image-133.png)

### **Step 6: Insert Git Repository Credentials**

In the **‘Git Repo’** tab, you will get three repository options: **‘Private Repository (Manual SSH URL)’**, **‘Public Repository (Manual HTTPS URL)’** and ‘**Connected Git Provider’**.

![Insert Git Repository Credentials](/_landing/docs/how-to-set-up-lovable-on-aws-with-xcloud-image-131.png)

We are going to deploy Git projects using the **‘Git Provider’** option here. Choose the **‘Connected Git Provider’** option from the dropdown menu.

From the **‘Select Git Provider’** dropdown, choose the connected account you want to use. Once selected, navigate through the list of repositories, pick the one you want to deploy and then select the specific **‘Branch’** of that project.

![Choose your Git provider, select the repository, and pick the branch you want to deploy.](/_landing/docs/how-to-set-up-lovable-on-aws-with-xcloud-image-134.png)

You can also deploy Lovable projects from your Public or Private Git repositories as well. For more details read this documentation:

**👉** [**How to Insert Your Git Repositories with xCloud**](/docs/how-to-integrate-a-git-provider-with-xcloud/)

### **Step 7: Enable Push to Deploy**

The next step is to enable automated deployment. Toggle on the **‘Enable push to deploy’** option. You need to insert this URL into GitHub. Copy the **‘Deployment URL’** from here.

**Note:** If you want to learn more about the process, follow the steps in this [**document**](/docs/deploy-custom-php-applications-with-xcloud/#step-6-add-deployment-url-in-git-repository)**.**

![Enable Push to Deploy](/_landing/docs/how-to-set-up-lovable-on-aws-with-xcloud-image-136.png)

Finally, review all the details and click on the **‘Start’** button to create the Lovable application.

![Review all the details and click on the ‘Start’ button to create the Lovable application.](/_landing/docs/how-to-set-up-lovable-on-aws-with-xcloud-image-135.png)

### **Step 8: Visit the Application** 

After completing the setup, you will be able to visit your Lovable site. From the dashboard, click on the **‘Visit Site’** app.

![Visit the Application ](/_landing/docs/how-to-set-up-lovable-on-aws-with-xcloud-image-137.png)

That’s it! This is how easily you can deploy Lovable with xCloud and launch your web apps in just a few clicks. 

Still stuck? Contact our [**support team**](/support) for any of your queries.