Steps to create decentralized website

• Generating Content ID (CID)
  • Through running your own ipfs node
  • Uploading folder to Pinata cloud
• Accessing Content through CID
  • Accessing through gateways
  • Accessing through custom domain
  • Accessing through ENS domain
  • Deploying content in multiple nodes
  • Automate publish
  • Conclusion

In this blog, we will discuss on how to create decentralized website/blog like this one using below steps.

Generating Content ID (CID)

First you need to create ipfs CID (content id) by using IPFS InterPlanetary File System is a peer-to-peer network protocol for storing and sharing data in a distributed file system, with addresses based on content, not location.

There are 2 ways to do it, either

1. Through running your own ipfs node
2. Uploading folder to Pinata cloud (easy way)

   Through running your own ipfs node

3. Install ipfs
   
   • For mac - brew install ipfs
     
   • For Ubuntu Linux - snap install ipfs
     
4. Initialize ipfs - ipfs init
   
5. Run ipfs daemon - ipfs daemon
   
6. Go to http://localhost:5001
   
7. At this point you can upload your file/folder that contains index.html of your site/blog
   
   

   Note: You can use website generators like Nikola or Jekyll or Hugo. For Complete list of site generators you can check jamstack.org
   This blog was built using Jekyll
   

8. To upload go to http://localhost:5001 and click on files and click on import and choose file or folder that has index.html
   
   
   
9. Once uploaded and pined, ipfs CID will be created.
   
   
   
   

   Note: You need to keep your node running for CID to be accessible.
   You can use VPS (Virtual Private Server) from Digital Ocean or Linode or Vultr or Amazon Light Sail or home server
   to keep ipfs node running —

Uploading folder to Pinata cloud

With this approach you dont need to install ipfs locally
Create account in Pinata Cloud and upload your file or folder that has index.html to pinata cloud and copy the CID, like below

Accessing Content through CID

Now its time to access/share your content through CID

Accessing through gateways

You can share CID to anyone and they can access through below gateways

1. Through ipfs gateway - use https://ipfs.io/ipfs/<YOUR-CID>/
   
2. Through cloudflare ipfs gateway - use https://cloudflare-ipfs.com/ipfs/<YOUR-CID>/

Accessing through custom domain

Above step is good, but you wont be remembering the CID will be difficult so how about accessing through custom domain

1. Buy a domain from Google domains or Namecheap
   
2. Best way is to maintain domain using Cloudflare (it will give SSL for free for your domain). Create Cloudflare account and add your domain
   
3. Go to dns tab
   
   
   
4. Add these records in DNS.
   
   • Add CNAME record for your domain & www and point that to cloudflare-ipfs.com
     
   • Add TXT record with the name _dnslink.your.website and value dnslink=/ipfs/<YOUR_CID>
     
     
     

Now you should be able to access your site through custom domain.

Accessing through ENS domain

If you want to go further to access your content through Ethereum blockchain you can use Ethereum Name Service (ENS)

1. Register your name on ENS Domains.

   Note: You need to have Ethereum Wallet to proceed further, you can use Metamask Chrome plugin to purchase Ethereum. This will handle all the Ethereum transactions
   

2. Once you have Metamask installed in Chrome, you can follow the steps to register your name in ENS
   
   
   
3. Once above step is done, you can add your ETH/BTC/LTC public address, so that this namespace can be used for crypto transactions.
   
4. Here you can add your content ipfs://<YOUR-CID>. This will create a https://<NAME>.eth.link. You can use this link to access your content.
   
   
   

   Note: Publishing this way is expensive since this requires to pay gas price every time you modify your site.
   

5. Anyone with your .eth domain can access your content, currently there are few browsers like Brave or Opera can be used to access .eth domains. If you visit any .eth domain in Brave, you will be given below message to enable ENS. Might be in future other browsers will adopt ENS.
   
   

Deploying content in multiple nodes

One of the advantage of using IPFS protocol is to avoid single point of failure, you can deploy the same content in multiple nodes. Now you have the CID, you can pin the same CID in multiple nodes

1. If you have CID from pinata.cloud, you can pin the CID in another node by using command - ipfs pin add <YOUR-CID>
   or through UI
   
   
   
2. If you have CID through your node, then you can upload to pinata.cloud, like below
   
   
   

Automate publish

You can use IPFS deploy to automate publishing to different IPFS clouds like Infura, Pinata, Fission and also set Cloudfare DNS settings.

Conclusion

Done now you have your website/blog running using peer-to-peer network protocal IPFS.
You can access this blog through

• IPFS Cloudflare - https://rajashekar.org/posts/steps-to-create-decentralized-website
  
• Ethereum blockchain - https://rajashekar.eth.link/posts/steps-to-create-decentralized-website
  

Hope this helps.