Web App Deployment using Spheron Protocol
Tags: webdev, spheron, deployment, beginners
Published: 2022-08-27 16:26:22

I deployed my first web app using Spheron Protocol.
It was my first experience of deploying web application and the deployment was pretty smooth. It got completed in just 15 seconds. Isn't it cool 😎.


For those who don't know what Spheron Protocol is or what it does.
Spheron Protocol is a decentralized web app deployment and hosting platform for automating modern dapps.
Using Spheron Protocol, developers can securely launch web apps, store and retrieve assets, host websites and gain HTTPS on every deployment. 
Developers can deploy static websites, React, Vue, Angular, Nextjs web apps, dapps and eth apps.
It requires only a one-time fee and has no hidden fees or recurring web archival costs. To know more about the pricing Click on ['Spheron Network Pricing'](https://spheron.network/pricing). 


In this blog I'll be sharing my experience of deploying web application using Spheron Protocol.

So, the first step is to head on to the official website of [Spheron Protocol](https://spheron.network/).
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o4zn3sy2vgulkfueo76w.png) 
Click on the Deploy Now button to Log in/Sign Up to Spheron Protocol

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/se9gfl5a06iei1vt52ja.png)
You can use your [GitHub account](https://github.com/), [GitLab account](https://about.gitlab.com/) or [Bitbucket account](https://bitbucket.org/) to Log in to Spheron Protocol.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ab2rmt73a9zqqbv3ydmn.png)
An with just few clicks, your account is ready 🥳.

When you've successfully logged in to Spheron Protocol, you'll see your Dashboard similar to the one below 👇
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dajupmmndm8poy65ngrp.png)

To deploy your project, Click on New Project
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9ysawk2vr6h5evdb6vnu.png)

The deployment initiates with three easy steps:
First Step: Pick a repository
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ixapvs6ewd4nqoz487c3.png)
Choose the repository you want to deploy using your [GitHub account](https://github.com/), [GitLab account](https://about.gitlab.com/) or [Bitbucket account](https://bitbucket.org/).
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wuqmqbb9ut1k5pjxxs2i.png)

Second Step: Pick your protocol
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ztwczby4hqimmcnc55cy.png)
I chose [filecoin Protocol](https://filecoin.io/) for my web application.

Third Step: Build Options and Deploy (The most crucial step!)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2q5wnhl4x4d21p0aepji.png)
You need to fill the basic information about branch to deploy, root directory, basic build settings, advanced build settings, Node engine and environment variables. Varies with the framework used for the project.

You can refer to the [official documentation](https://docs.spheron.network/welcome) to know more about the deployment, domains and decentralized protocols.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ithir18q2rqbqlrjfc1m.png)
This [table](https://docs.spheron.network/deployments/get-started) will help you with the basic build settings configuration.

The last step is to click on Connect Wallet. 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f6gi5bvvze22x6xz34r6.png)
Choose your network, token and connect your [Metamask](https://metamask.io/) wallet. Click on Save.

And yup, you have completed all the steps necessary for deployment.
Now you'll be able to see the process of deployment and in few seconds your web application will be up and running.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yw8qvlhb21to3hlwfs2d.png)


This is the live link of my deployed application.
https://web-dev-resources-gjwjfab.spheron.app/
The website is pretty basic 😅. But its my first web app.
So more amazing web apps coming soon 😁.
 

Cover Image Credits : Image by <a href="https://www.freepik.com/free-vector/desktop-smartphone-app-development_10276838.htm#query=web%20application&position=3&from_view=search&track=sph">Freepik</a>