Skip to main content

Create a decentralized website

One of the most interesting and powerful features of ENS names is the ability to point them to webpages hosted on the decentralized web, creating a website where both the hosting and the domain name is entirely decentralized.

In this tutorial we'll show you how to deploy a basic website to IPFS and point your ENS name to it. ENS supports several decentralized protocols apart from IPFS, but this tutorial only covers IPFS (for now).

Build a website

In this section we'll create a basic website to deploy to IPFS using Heaven's Tools excellent Web3 website builder.


If you already have a website you'd like to upload, proceed to Set up a GitHub repository

Create the website

Go to Heaven's Tools website and use the drag and drop building blocks to create your site.

Download the website

Once you're happy with the site you've created click the Download button to download a compressed .zip archive of your website.

Extract the compressed archive

Extract compressed archive

Navigate to the file folder and double-click the zip file

Press `Extract all`

Select a folder to extract the files to and click `Extract`

Set up a GitHub repository

Go to GitHub and create an account.

Create a repository

Click New to create a new GitHub repository for your website.

Then choose a name for the repository.

Then scroll down and click on Create.

Upload your files to the repository

On the next screen, click the link Uploading an existing file

Upload your files to GitHub

After that's done, scroll down and click Commit.

Upload to IPFS

Create an account with Fleek

Go to Fleek's website and Sign Up for an account.

Upload your site to Fleek

After logging into Fleek, at the dashboard select Add new site.

Choose Connect with GitHub and connect your GitHub account.

Click Install & Authorize

When asked which repository to create the website from, select the repository you created earlier in

For the hosting service, make sure IPFS is selected and press Continue.

On the next screen no changes are necessary, so just scroll down and click Deploy site.

Fleek will now deploy the website to IPFS, which might take a little while.

When the site has been deployed, it will look like this:

Select the IPFS CID (marked in blue below) and press CTRL + C to copy it into the clipboard or write it down.

Configure your ENS name

Go to the ENS Manager App

Go to the ENS Manager App and connect your wallet.

Click on My Account to go to a list of your ENS names.

Go to your ENS name and click Add/Edit Record, scroll down and enter the IPFS CID you saved earlier into the Content field, then scroll down and click Save

Congratulations! That's it!