Lovable 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 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 “Add New Server” button from your dashboard.

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.

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.

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

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

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 Vultr API Key in xCloud  #

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

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

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. 

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.

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.

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. 

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

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.

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.

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’.

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.

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

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.

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

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.

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 for any of your queries.