Basicattentiontoken on Stephen Ajuluhttps://ajulu.netlify.app/tags/basicattentiontoken/Hello, I'm Stephen Ajulu, a seasoned multidisciplinary tech professional with over a decade of experience. I build impactful solutions using design, tech, and engineering in the pursuit of impact.Hugo -- gohugo.ioen-usajulu.b22uf@aleeas.com (Stephen Ajulu)ajulu.b22uf@aleeas.com (Stephen Ajulu)Stephen Ajulu.Thu, 26 May 2022 20:30:00 +0300Host Your Website For Free, Make It Web3 Compliant and Earn Money From Ithttps://ajulu.netlify.app/posts/host-your-website-for-free-make-it-web3-compliant-and-earn-money-from-it/Thu, 26 May 2022 20:30:00 +0300https://ajulu.netlify.app/posts/host-your-website-for-free-make-it-web3-compliant-and-earn-money-from-it/<h3 id="host-your-website-for-free">Host Your Website For Free</h3> <h4 id="static-websites">Static Websites</h4> <p>Assuming the source code is in a git repository online(GitHub, GitLab, BitBucket, etc)</p> <ol> <li>Go to <a href="https://netlify.com">netlify.com</a> and create an account</li> <li>Click &ldquo;<strong><em>Add new site</em></strong>&rdquo;</li> <li>Select &ldquo;<strong><em>Import an existing project</em></strong>&rdquo;</li> <li>Select Git provider_(<a href="https://github.com/stephenajulu"><em>I&rsquo;m on github</em></a>)_</li> <li>Authenticate and Authorize</li> <li>Select the repository</li> <li>Enter build command e.g this site&rsquo;s build command is &ldquo;<strong><em>hugo &ndash;gc &ndash;minify</em></strong>&rdquo;</li> <li>Enter publish directory e.g this site&rsquo;s publish directory is &ldquo;<strong><em>public</em></strong>&rdquo;</li> <li>Click &ldquo;<strong><em>Deploy site</em></strong>&rdquo;</li> </ol> <p>That&rsquo;s it. Depending on the static version you used. It will take some time.</p>Host Your Website For Free

Static Websites

Assuming the source code is in a git repository online(GitHub, GitLab, BitBucket, etc)

  1. Go to netlify.com and create an account
  2. Click “Add new site”
  3. Select “Import an existing project”
  4. Select Git provider_(I’m on github)_
  5. Authenticate and Authorize
  6. Select the repository
  7. Enter build command e.g this site’s build command is “hugo –gc –minify”
  8. Enter publish directory e.g this site’s publish directory is “public”
  9. Click “Deploy site”

That’s it. Depending on the static version you used. It will take some time.

NB: Just plain HTML, CSS, and Javascript will take less than 3 seconds and does not need a specified build command or publish directory, Hugo takes anywhere from 10 seconds to 1 minute depending on how large your site is.

Dynamic Websites

Now, this depends on what tech stack you are using. I won’t lay down the details. Rather I’ll provide you with a few hosting solutions, both free and paid.

  1. Heroku
  2. Digital Ocean
  3. Truehost(Affordable)
  4. Namecheap

Making Your Website Web3 Compliant

As far as I know, the only possible way is by making a static site web3 compliant. I don’t know how to make a dynamic site web3 compliant hence will only cover static sites.

There are four URL options:

1. Constant Hashes => serve as links within ipfs and have been discussed in my previous article.

2. DNSLink => Simply put, a regular Web2.0 domain name from a DNS record.

3. ENS => Dynamic Url with a ’ .eth ’ ending and that is more readable than IPNs links. I would argue that this is the best domain choice for establishing a website, but the first option is free :)

  1. Unstoppable Domains => Dynamic Url with multiple endings. My recommended choice.

Static Sites

  1. Go to fleek.co and create an account
  2. Follow the same process as Netlify
  3. Select either IPFS or Internet Computer. Your choice.

Earn Money From Your Content Website

Here I won’t cover affiliate marketing and other popular ways to monetize your website as there are enough resources in the web.

1. Web Monetization

To monetize your site, you must:

  1. Set up a web monetized receiver (wallet) for receiving payments. Supported wallets.

  2. Get your wallet’s payment pointer. E.g. $wallet.example.com/alice

  3. Create a special <meta> tag that tells Web Monetization providers how to pay you. e.g.

    <meta name="monetization" content="$wallet.example.com/alice">

  4. Add the <meta> tag to each page of your website that you want to monetize. E.g.

    <!doctype html>
<html>
<head>
<title>Web Monetized Site</title>
<meta name="monetization" content="$wallet.example.com/alice">
</head>
</html>

  5. For a more detailed look at web monetizing your site, see the Web Monetization explainer.

  6. Congratulations! Your website is now web monetized.

2. Basic Attention Tokens

Follow this and this.

3. Digital Product

Create an account on Gumroad, and start creating digital products and selling. Then use their overlay widget on your website

Photo by Le Buzz on Unsplash

]]>