Build, deploy and host your React.js application for Free with Utopiops

Photo by ThisisEngineering RAEng on Unsplash

Build, deploy and host your React.js application for Free with Utopiops

Mohsen Kamrani's photo
Mohsen Kamrani
·Jan 27, 2022·

3 min read

Subscribe to my newsletter and never miss my upcoming articles

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 implemented a simple React.js application with create-react-app.

npx create-react-app react-utopiops-example

You can find the application in the repository here, though nothing special about it really and you can use whatever React 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. We also have to set the build command if there is one (unlike simple html websites), and the output folder where the build result is stored.

Screen Shot 2022-01-27 at 10.56.18 pm.png

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

You can see the build logs live as they happen:

Screen Shot 2022-01-27 at 11.00.40 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-27 at 11.03.08 pm.png

Notice that by default HTTPS is provided for you websites.

Screen Shot 2022-01-27 at 11.02.15 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!

 
Share this