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 build more projects using AI:

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. 

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. 

Next, toggle on the ‘Site Backup Settings’ option to enable backup for this site using pre-configured settings.

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.

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.