{"version":"https://jsonfeed.org/version/1.1","title":"Stephen Ajulu","home_page_url":"https://ajulu.netlify.app/","feed_url":"https://ajulu.netlify.app/tags/netlify/feed.json","description":"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.","icon":"https://ajulu.netlify.app/images/me.jpg","authors":[{"name":"Stephen Ajulu","url":"https://stephenajulu.com","avatar":"https://ajulu.netlify.app/images/me.jpg"}],"items":[{"id":"https://ajulu.netlify.app/posts/host-your-website-for-free-make-it-web3-compliant-and-earn-money-from-it/","url":"https://ajulu.netlify.app/posts/host-your-website-for-free-make-it-web3-compliant-and-earn-money-from-it/","title":"Host Your Website For Free, Make It Web3 Compliant and Earn Money From It","summary":"Host Your Website For Free Static Websites Assuming the source code is in a git repository online(GitHub, GitLab, BitBucket, etc)\nGo to netlify.com and create an account Click \u0026ldquo;Add new site\u0026rdquo; Select \u0026ldquo;Import an existing project\u0026rdquo; Select Git provider_(I\u0026rsquo;m on github)_ Authenticate and Authorize Select the repository Enter build command e.g this site\u0026rsquo;s build command is \u0026ldquo;hugo \u0026ndash;gc \u0026ndash;minify\u0026rdquo; Enter publish directory e.g this site\u0026rsquo;s publish directory is \u0026ldquo;public\u0026rdquo; Click \u0026ldquo;Deploy site\u0026rdquo; That\u0026rsquo;s it. Depending on the static version you used. It will take some time.\n","content_html":"\u003ch3 id=\"host-your-website-for-free\"\u003eHost Your Website For Free\u003c/h3\u003e\n\u003ch4 id=\"static-websites\"\u003eStatic Websites\u003c/h4\u003e\n\u003cp\u003eAssuming the source code is in a git repository online(GitHub, GitLab, BitBucket, etc)\u003c/p\u003e\n\u003col\u003e\n\u003cli\u003eGo to \u003ca href=\"https://netlify.com\"\u003enetlify.com\u003c/a\u003e and create an account\u003c/li\u003e\n\u003cli\u003eClick \u0026ldquo;\u003cstrong\u003e\u003cem\u003eAdd new site\u003c/em\u003e\u003c/strong\u003e\u0026rdquo;\u003c/li\u003e\n\u003cli\u003eSelect \u0026ldquo;\u003cstrong\u003e\u003cem\u003eImport an existing project\u003c/em\u003e\u003c/strong\u003e\u0026rdquo;\u003c/li\u003e\n\u003cli\u003eSelect Git provider_(\u003ca href=\"https://github.com/stephenajulu\"\u003e\u003cem\u003eI\u0026rsquo;m on github\u003c/em\u003e\u003c/a\u003e)_\u003c/li\u003e\n\u003cli\u003eAuthenticate and Authorize\u003c/li\u003e\n\u003cli\u003eSelect the repository\u003c/li\u003e\n\u003cli\u003eEnter build command e.g this site\u0026rsquo;s build command is \u0026ldquo;\u003cstrong\u003e\u003cem\u003ehugo \u0026ndash;gc \u0026ndash;minify\u003c/em\u003e\u003c/strong\u003e\u0026rdquo;\u003c/li\u003e\n\u003cli\u003eEnter publish directory e.g this site\u0026rsquo;s publish directory is \u0026ldquo;\u003cstrong\u003e\u003cem\u003epublic\u003c/em\u003e\u003c/strong\u003e\u0026rdquo;\u003c/li\u003e\n\u003cli\u003eClick \u0026ldquo;\u003cstrong\u003e\u003cem\u003eDeploy site\u003c/em\u003e\u003c/strong\u003e\u0026rdquo;\u003c/li\u003e\n\u003c/ol\u003e\n\u003cp\u003eThat\u0026rsquo;s it. Depending on the static version you used. It will take some time.\u003c/p\u003e\n\u003cp\u003e\u003cstrong\u003eNB:\u003c/strong\u003e \u003cem\u003eJust 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.\u003c/em\u003e\u003c/p\u003e\n\u003ch4 id=\"dynamic-websites\"\u003eDynamic Websites\u003c/h4\u003e\n\u003cp\u003eNow, this depends on what tech stack you are using. I won\u0026rsquo;t lay down the details. Rather I\u0026rsquo;ll provide you with a few hosting solutions, both free and paid.\u003c/p\u003e\n\u003col\u003e\n\u003cli\u003e\u003ca href=\"https://heroku.com\"\u003eHeroku\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://digitalocean.com\"\u003eDigital Ocean\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://truehost.co.ke/cloud/aff.php?aff=1738\"\u003eTruehost(Affordable)\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://namecheap.com\"\u003eNamecheap\u003c/a\u003e\u003c/li\u003e\n\u003c/ol\u003e\n\u003ch3 id=\"making-your-website-web3-compliant\"\u003eMaking Your Website Web3 Compliant\u003c/h3\u003e\n\u003cp\u003eAs far as I know, the only possible way is by making a static site web3 compliant. I don\u0026rsquo;t know how to make a dynamic site web3 compliant hence will only cover static sites.\u003c/p\u003e\n\u003cp\u003eThere are four URL options:\u003c/p\u003e\n\u003cp\u003e1. \u003cstrong\u003eConstant Hashes\u003c/strong\u003e =\u0026gt; serve as links within ipfs and have been discussed in my previous article.\u003c/p\u003e\n\u003cp\u003e2. \u003cstrong\u003eDNSLink\u003c/strong\u003e =\u0026gt; Simply put, a regular Web2.0 domain name from a DNS record.\u003c/p\u003e\n\u003cp\u003e3. \u003cstrong\u003eENS\u003c/strong\u003e =\u0026gt; Dynamic Url with a \u0026rsquo; \u003cem\u003e.eth\u003c/em\u003e \u0026rsquo; 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 :)\u003c/p\u003e\n\u003col\u003e\n\u003cli\u003e\u003ca href=\"https://unstoppabledomains.pxf.io/qnXOv5\"\u003e\u003cstrong\u003eUnstoppable Domains\u003c/strong\u003e\u003c/a\u003e =\u0026gt; Dynamic Url with multiple endings. My recommended choice.\u003c/li\u003e\n\u003c/ol\u003e\n\u003ch4 id=\"static-sites\"\u003eStatic Sites\u003c/h4\u003e\n\u003col\u003e\n\u003cli\u003eGo to \u003ca href=\"https://fleek.co\"\u003efleek.co\u003c/a\u003e and create an account\u003c/li\u003e\n\u003cli\u003eFollow the same process as Netlify\u003c/li\u003e\n\u003cli\u003eSelect either IPFS or Internet Computer. Your choice.\u003c/li\u003e\n\u003c/ol\u003e\n\u003ch3 id=\"earn-money-from-your-content-website\"\u003eEarn Money From Your Content Website\u003c/h3\u003e\n\u003cp\u003eHere I won\u0026rsquo;t cover affiliate marketing and other popular ways to monetize your website as there are enough resources in the web.\u003c/p\u003e\n\u003ch4 id=\"1-web-monetization\"\u003e1. Web Monetization\u003c/h4\u003e\n\u003cp\u003eTo monetize your site, you must:\u003c/p\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cp\u003eSet up a web monetized receiver (wallet) for receiving payments. \u003ca href=\"https://webmonetization.org/docs/ilp-wallets\"\u003eSupported wallets.\u003c/a\u003e\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003eGet your wallet\u0026rsquo;s payment pointer. E.g. $wallet.example.com/alice\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003eCreate a special \u003ccode\u003e\u0026lt;meta\u0026gt;\u003c/code\u003e tag that tells \u003ca href=\"https://webmonetization.org/#providers\"\u003eWeb Monetization providers\u003c/a\u003e how to pay you. e.g.\u003c/p\u003e\n\u003cpre\u003e\u003ccode\u003e\u0026lt;meta name=\u0026quot;monetization\u0026quot; content=\u0026quot;$wallet.example.com/alice\u0026quot;\u0026gt;\n\u003c/code\u003e\u003c/pre\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003eAdd the \u003ccode\u003e\u0026lt;meta\u0026gt;\u003c/code\u003e tag to each page of your website that you want to monetize. E.g.\u003c/p\u003e\n\u003cpre\u003e\u003ccode\u003e\u0026lt;!doctype html\u0026gt;\n\u0026lt;html\u0026gt;\n\u0026lt;head\u0026gt;\n\u0026lt;title\u0026gt;Web Monetized Site\u0026lt;/title\u0026gt;\n\u0026lt;meta name=\u0026quot;monetization\u0026quot; content=\u0026quot;$wallet.example.com/alice\u0026quot;\u0026gt;\n\u0026lt;/head\u0026gt;\n\u0026lt;/html\u0026gt;\n\u003c/code\u003e\u003c/pre\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003eFor a more detailed look at web monetizing your site, see the \u003ca href=\"https://webmonetization.org/docs/explainer#getting-started\"\u003eWeb Monetization explainer\u003c/a\u003e.\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003eCongratulations! Your website is now web monetized.\u003c/p\u003e\n\u003c/li\u003e\n\u003c/ol\u003e\n\u003ch4 id=\"2-basic-attention-tokens\"\u003e2. Basic Attention Tokens\u003c/h4\u003e\n\u003cp\u003eFollow \u003ca href=\"https://basicattentiontoken.org/publisher-terms-of-service/\"\u003e\u003cstrong\u003ethis\u003c/strong\u003e\u003c/a\u003e and \u003ca href=\"https://creators.brave.com/\"\u003e\u003cstrong\u003ethis\u003c/strong\u003e\u003c/a\u003e\u003cstrong\u003e.\u003c/strong\u003e\u003c/p\u003e\n\u003ch4 id=\"3-digital-product\"\u003e3. Digital Product\u003c/h4\u003e\n\u003cp\u003eCreate an account on Gumroad, and start creating digital products and selling. Then use their overlay widget on your website\u003c/p\u003e\n\u003cp\u003ePhoto by \u003ca href=\"https://unsplash.com/@le_buzz?utm_source=unsplash\u0026amp;utm_medium=referral\u0026amp;utm_content=creditCopyText\"\u003eLe Buzz\u003c/a\u003e on \u003ca href=\"https://unsplash.com/s/photos/website?utm_source=unsplash\u0026amp;utm_medium=referral\u0026amp;utm_content=creditCopyText\"\u003eUnsplash\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e\u003ca href=\"https://unstoppabledomains.pxf.io/qnXOv5\"\u003e\u003cimg src=\"/images/unstoppabledomainsad.webp\" style=\"width: 100%; height: auto;\"\u003e\u003c/a\u003e\u003c/p\u003e\n","date_published":"2022-05-26T20:30:00+03:00","image":"https://ajulu.netlify.app/images/le-buzz-kieii2b9gku-unsplash.jpg","tags":["technology","web3","finance","bat","basicattentiontoken","netlify","fleek","heroku"]}]}