Build a Web App with Manus and Deploy with DeployHQ

This guide will show you how to use Manus, 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 Manus and Build Your App

First, go to the Manus platform and sign in or create an account. Manus 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 Manus 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.

Enter the prompt on Manus and build your app

Step 2: Prepare Your App for Deployment with Git

To deploy your Manus project with DeployHQ, you need to get the code into a Git repository. First click on "View all files in this task", and then "Batch Download":

Batch Download the files from Manus

After that, you will be able to create a Github Repository directly with that zip file. You can also check how you application looks like running by clicking on "Visit".

  1. Create an user:

Create an user

  1. Create some tasks and finish some others: Create some tasks and finish some others

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 Manus 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). With Manus, you can only use their hosting, but here you can use your VPS (hosting 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: 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.