Deploy Lovable on DigitalOcean with xCloud quickly and easily. This guide walks you through the basic steps to configure and launch Lovable on a DigitalOcean server, helping you streamline deployment and manage your application with minimal effort

How to Setup A DigitalOcean Server in xCloud? #

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

Step 1: Create Your New Digital Ocean 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 server providers. For tutorial purposes, we will create a Digital Ocean server and for that select the Digital Ocean option. The billing of the server will be handled on your Digital Ocean account.

Note: Don’t have a DigitalOcean account? Check out the documentation below to find out how to provision a server with any providers:

• How To Setup First Server With Vultr?
• How To Setup Your First Server With Google Cloud Platform Provider?
• How To Setup a Server With Other Providers?

We’ve made it easier and safer for you to connect xCloud with your DigitalOcean account. You no longer have to go through the hassle of generating and copying access tokens. 

Now, xCloud will guide you through an OAuth flow, where you simply authorize xCloud to use your DigitalOcean account. 

All you have to do is provision a new DigitalOcean server, click “Authorize” during the setup, and you’ll be redirected to DigitalOcean to grant permission to your account. It’s a straightforward and hassle-free process to set up your server with Digital Ocean.

Step 2: Add Necessary Information #

You will be taken to the server creation page after successfully integrating your DO account. Now you need to provide the Server name, your preferred Server Size (CPU, RAM, Storage) and Region nearest to you and your visitors. Only, MySQL 8.0 database server is now available. 

By default Database, the ‘Root’ Password is auto-filed but you can change this and save it in a safe place.

We recommend at least a 2GB/ 1 shared CPU server for 10-20 sites with cache enabled. And for a site whose pages cannot be cached (e.g. WooCommerce site) we recommend a 4 GB / 2 dedicated CPUs server.

We are almost done with our server creation of Digital Ocean in xCloud. After submitting the form this might take up to 12-15 minutes to make the Digital Ocean server live and ready to install a lightning fast WordPress Site.

How to Deploy Lovable Applications with xCloud? #

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. 

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.