Created a Web 3.0 website with ENS and fleek (IPFS)

  • 13 March 2022
Post image

Words like “web 3.0” have been popular since around 2020. There has also been a virtual currency boom for some time now, and the systems industry may well be entering the era of “decentralized” web3.0.
I have no experience in building a web3 system such as a DAO, but I have a little taste for virtual currency. I’m a complete amateur, but I’d like to share my experience with web3. Perhaps in five years or so, DAOs (Decentralized Autonomous Organization) as described in web3 will become commonplace, and I would like to learn a little bit about them while I can.

Fully distributed website structure

 The composition of this project will be done as follows

  • ENS(Ethereum Name Service)
  • Fleek(IPFS)

It is not completely free, as ETH (Ethereum) is required to purchase and set up ENS. Also, all of the following assumes that you are connected to a wallet with Ether in it.

ENS, not DNS

While the term DNS exists in the traditional systems industry, ENS (Ethereum Name Service) is most famous in this Web3 world.

In short, it is the name server of the Ether blockchain world, which is decentralized, making it nearly impossible to tamper with or attack.

Purchase a domain name at ENS

Search for the domain you wish to purchase on the ens website. By the way, 3- or 4-letter domains are very costly, so I decided to go with a 5-letter domain.

At this time, the domain cost was 0.002 ETH per year, and the gas cost was 0.005 ETH. At the time of this setup, 1 ETH ≈ 300,000 yen, so about 2,100 yen.
If you don’t know what a gas bill is, google virtual currency gas bill.

After being asked for several transactions, I was able to own the domain.

Create a site to be published and hosted on fleek

fleek seems to be another decentralized hosting service. Here it seems to be possible to deploy with either IPFS or IC (Internet Computer).
The site to be published can be anything. In this case, we chose the initial display site created by svelte. It just displays the default screen as follows.

Then we host it with fleek, but it works with github and does CI/CD, so we push this svelte website to the github repository and tie it in with fleek.

IPFS was selected for hosting. Then set up and save the deployment rules, etc. as follows.
You can confirm that the site is successfully published with the domain that fleek provides by default.

Connect ENS domain

Connect the ENS domain purchased above from fleek’s settings screen.
Pressing “Add ENS” will also charge you for gas for the transaction.

After a while, Content will look like the following on the ENS application screen.

Click on the domain displayed here to view the site successfully.

Note that ETH is cut off to save settings.

When setting up ENS records, etc., you need to pay ETH for gas as smart contracts are activated. In this case, I did 3 transactions in total and paid about 0.0083 ETH, which is acceptable since the market price in March 2022 is about 2,500 yen, but it will be much, much higher if the ethereum price soars in the future.
So if you are interested in Web3 or decentralization in the future, it might be a good deal to pay in one lump sum ahead of time with a longer domain contract year to save gas money. By the way, the network is expected to be greatly improved with Ethernet 2.0 in the future, so it may be possible to operate at a very low cost then.

Web 3.0 is very exciting

This time, we delivered a static Web site through a distributed hosting service and also assigned a domain name by ENS. If you ask me what is so great about this, I have a hard time replying.
First of all, the name servers are decentralized by blockchain, so it seems impossible to tamper or intentionally suspend them. Also, the servers themselves are decentralized, which again makes it difficult for an attacker to try to take them down, or for a powerful force like the government to shut them down. Bitcoin, as an example, has been targeted numerous times by powers that be, nations, and hackers who don’t like it, but it is still functioning and increasing in value more than 10 years after its initial issuance. So it may be that a highly decentralized network cannot be stopped or attacked by anyone.
If you want to publish information that can be used against the world powers, you might want to use the above methods to publish your website. However, there may not be much benefit to using a decentralized infrastructure to publish a general blog.

Web3 is just getting started. So if in the future, there is a possibility that services such as AWS, Azure, etc. will disappear in the future, since publishing sites on decentralized networks will not only cost almost nothing, but also some kind of coins (tokens) will be distributed more and more. (No way.)

You May Also Like