A Guide for How to build and host a .ETH website using IPFS on ENS

Here’s the site viewable at krynsky.eth.limo
  • A wallet with Ethereum and a supported browser
  • You need to have or buy Ethereum on Coinbase or other market and have about ~$50-$100 dollars worth to register your name (5+ character) depending on current Ethereum gas prices and how many years you want to register the name for.
  • You then need to move your Ethereum to a wallet. Metamask is one of the most popular wallets with an extension for most browsers.
  • Now you are ready to register your .eth name. Look no further than this step-by-step guide from Brantly Millegan which is what I used to register mine. His guide assumes you are using a Metamask enabled browser although the guide could be used with any browser that supports an Ethereum wallet.
My ENS record for krynsky.eth
  • Now that you have your name it’s time to find a way to host your site using IPFS. You can do this by installing the IPFS desktop client and hosting your own IPFS node or using an IPFS file hosting service like Pinata. Good instructions to do this are here. Then the last step would be to update your ENS record to set the IPFS content has as explained here. I wanted keep it as quick and simple as possible so I used a service called Fleek which I felt combined steps and did most of the heavy lifting for you. Their free account is more than adequate for testing and building a simple site.
  • So here are the steps:
  • Setup a Github repository for your site
  • Sign up for Fleek
  • Then you want to follow the steps to create a new site. It’s a pretty straightforward process and they have clear documentation but basically you will connect with Github, choose your repository, and deploy to IPFS.
  • At that point you should be able to see your site hosted on their service address and IPFS hash. Here’s mine.
  • Now you just need to setup the reference to your .eth name. To do this you need to configure the IPFS hash on ENS for your name but they provide a wizard to do this and great documentation for you and make it seamless. Note: you will also need to pay an Ethereum gas fee for this configuration.
  • After that process and propagation is completed you should be able to see your site resolve to your name. However, most browsers won’t resolve krynsky.eth and there is a workaround to append .link for your site to resolve a .eth name but it hasn’t been reliable for me and I found that the eth.limo alternative (hat tip to Validator) works much better.
  • That’s it! You should now be able to view your site. Min site can be viewed at krynsky.eth.limo
My fleek dashboard for krynsky.eth

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Mark Krynsky

Mark Krynsky

I blog about personal data preservation & digital legacy at digitallegacymanagement.com and other topics at krynsky.com