FleekĀ is a platform that makes it easier and faster to deploy permissionless, trustless, censorship resistant websites on the decentralized web.
Recently, FleekĀ announced a native integration with HandshakeĀ so you can easily connect an IPFS or dfinity website to one of your Handshake names. In this guide Iāll show you how easy it is to claim a piece of the dWeb.
For this guide, youāll need
A Github repository with content. (Githubās official docsĀ are very helpful; I wrote aĀ step-by-step guide for building a Pages siteĀ as well.)
Creating your website with Fleek
First, connect your Github account.
Next, select your repository ā I used my personal website, a static site built withĀ Jekyll.
Then choose your hosting provider. Fleek currently offersĀ IPFSĀ orĀ dFinity. I chose IPFS.
The final step is to configure the build options for static site generators likeĀ JekyllĀ orĀ Gatsby. My website is built with Jekyll, and Fleek nicely populated all of the build settings for me ā„ļø.
Once youāve set your options, clickĀ Deploy SiteĀ to build it on the decentralized web! You can follow the deploy progress from the Fleek console.
In less than two minutes, I ported my personal website to the dWeb.
When the build is complete, Fleek generates a URL so you canĀ visit your site.
Setting your Handshake domain
From your site manager, select theĀ SettingsĀ tab ā”ļøĀ Domain Managementā”ļøĀ HNS.
ClickĀ Add HNSĀ to add your domain.
After verifying you want to use that domain, youāll have to configure it to point to your Fleek site. ClickingĀ Check HNS configurationĀ will open a prompt to redirect you to Namebase.
From Namebase, clickĀ ConfirmĀ to automatically update the DNS records for your domain to serve your new Fleek site. Once youāre redirected back to Fleek, click onĀ Check HNS configurationĀ again to verify the new DNS records.
After verifying the settings, theĀ Check HNS configurationĀ warning will disappear, and your Fleek site is now accessible with your Handshake name.
Visit your dWebsite
While Handshake isnāt natively supported in most major browsers (yet), there are multiple ways to access your site using your HNS name. Some of the options from the Fleek blog post:
HNS.tois a Handshake resolver that can load your name by appendingĀ .hns.to
Ā to the URL; you can access my website viaĀ mandelliant.hns.to.
PumaĀ is a browser with Handshake compatibility built in.
LinkframeĀ is a Chrome extension that can resolve Handshake domains.
HDNSĀ andĀ NextDNSĀ allow you to change your device settings to point to Handshake-compatible DNS addresses.
hdsĀ is the Handshake daemon & full node which lets you resolve domains locally.
Learn more about Handshake and the dWeb
Happy building! If you want to learn more about Handshake and whatās to come for the DWebĀ from Blockchannel.