DEV Community

Cover image for Web App Deployment using Spheron Protocol
Ananya Gupta
Ananya Gupta

Posted on • Edited on

Web App Deployment using Spheron Protocol

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'.

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.
Image description
Click on the Deploy Now button to Log in/Sign Up to Spheron Protocol

Image description
You can use your GitHub account, GitLab account or Bitbucket account to Log in to Spheron Protocol.
Image description
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

To deploy your project, Click on New Project
Image description

The deployment initiates with three easy steps:
First Step: Pick a repository
Image description
Choose the repository you want to deploy using your GitHub account, GitLab account or Bitbucket account.
Image description

Second Step: Pick your protocol
Image description
I chose filecoin Protocol for my web application.

Third Step: Build Options and Deploy (The most crucial step!)
Image description
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 to know more about the deployment, domains and decentralized protocols.
Image description
This table will help you with the basic build settings configuration.

The last step is to click on Connect Wallet.
Image description
Choose your network, token and connect your Metamask 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

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 Freepik

Top comments (2)

Collapse
 
kirtilodha profile image
Kirti Lodha

Why isn't the link working?

Collapse
 
ananya2003gupta profile image
Ananya Gupta