Deploy a Vue App

To deploy a Vue application on Hostman, go to the App platform section and click Create.

Step 1. Select the application type

On the Frontend tab select Vue. Select the desired Node.js version as well.

Step 2. Connect a repository

You can connect a repository:

• From your GitHub, GitLab, or BitBucket account. Click on the platform name, log in and select the desired repository. If you are already logged in, Hostman will immediately show the available repositories.

• By URL, providing a link to a repository created on any platform. Click Connect the repository via URL and enter the Git URL of the repository. If the repository is private, also enter the access details.

Read more about connecting repositories here.

Step 3. Select a branch and commit

1. Select a branch for deployment.
2. By default, we enable the Build by the last executed commit option. In this case, the App platform will deploy the latest commit, and later will automatically rebuild the application when you add new commits to the repository. If necessary, you can disable automatic deployment in the future.

If you want to select a specific commit manually, disable this option.

Step 4. Select server location

Select the server location.

For all frontend applications, we offer a basic server configuration with 1 GB NVMe and a limit of 200 thousand requests per month.

Step 5: Configure the build settings

The App Platform will automatically determine the build command and build directory for your project, so in most cases you can leave these parameters unchanged.

If your project requires additional modules, you can specify your own build command or several, combining them using &&. 

You can also set variables if required.

You will be able to change any of these settings later and redeploy the app with the new parameters.

Step 6: Enter the app information

Here you can specify a name and a comment for your application to be displayed in the Hostman dashboard. You can also select a project to add the app to.

These settings can also be changed later.

Step 7. Deploy

Click Start Deploy. Once the process starts, you will see the deployment log on the Deploy tab.

The deploy log contains all the necessary information to solve possible issues. If something goes wrong, for example, due to errors in the code, the deploy log will display the notification about it specifying the cause of the problem.

When you first deploy a project, the server installation may take some time. Once the process is completed, the application status will be updated, and you will also see a message about this in the log.

All done!

You can find and copy your app’s URL (the technical domain that was linked to the app) on the main page if the Apps section or in the Settings tab of your app. You can also link your own domain to the app.

The application will run on ports 443 and 80.

In the future, the App platform will monitor updates in the repository and, if automatic deployment is enabled, automatically rebuild the project with new changes.