Deploy and host your Vue.js application for Free with Utopiops

Sam - Jan 28 '22 - - Dev Community

As a software developer or a software development team, the most important thing for you is building quality software, shipping it and getting feedback from your customers.

Utopiops (utopiops.com) is a new player in town that aims to solve the problem uniquely by giving you a complete ecosystem that supports you entire platform from build, deployment and hosting your applications to monitoring the platform, incident reports and integrations with issue tracking systems.

Utopiops also supports Fully-managed and Managed applications. The Fully-managed applications are hosted on Utopiops cloud platform, while Managed applications are hosted on your own cloud accounts.

In his post I show you how to host your applications using Fully-managed applications on Utopiops for free.

To do so, I have used a very simple Vue.js application. You can find the application in the repository here, though nothing special about it really and you can use whatever Vue.js app you like.

Before we begin the deployment you need to create an account on Utopiops if you already haven't done that before, by registering and verifying your email.

Now we create a static website application

Screen Shot 2022-01-24 at 12.56.53 pm.png

Then we choose the repository we have stored our code.
I'm using Github for this example, but you can also use Gitlab and Bitbucket too.
Notice that as there is no build required for this application we don't provide any build command and output path.

Screen Shot 2022-01-28 at 5.25.23 pm.png

Right away the built-in CICD on Utopiops is set up and starts deploying your application.

Screen Shot 2022-01-28 at 9.20.47 pm.png

And in a just few seconds your application is available (for this example it took 3 seconds to be precise). We have noticed that in few regions for the first time it takes up to 2 minutes for the DNS to be propagated, but guess what? We're on top of it and soon will make sure it takes less than 10 seconds no matter from where you visit the website.

Screen Shot 2022-01-28 at 9.21.26 pm.png

Notice that by default HTTPS is provided for you websites.

Screen Shot 2022-01-28 at 9.24.06 pm.png

Worth mentioning, any time you make a change to your target branch, the new version of your application is built and deployed right away.


Final note

We're a very young startup with huge goals in our mind. You can be part of the first users who get to know about our features and our journey.

Please join our family by joining our discord channel, and following us on Twitter, and using our service. We have a generous hobby plan!

Please leave a comment if you have any questions or even want to see a private demo!

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .