Prerequisites:

  • Registrar: Register frankiesanzica.com domain at Google Domains ($12 /yr + FREE WHOIS privacy)
  • DNS/CDN: Point DNS to CloudFlare nameservers (FREE CDN/HTTPS)
  • Email: Add Zoho MX/TXT records to Zoho (FREE Email)

Websites

  1. frankiesanzica.com
    • GitHub Pages - Hosting/Version Control
    • Bootstrap - CSS Framework
    • Cloudflare - DNS/CDN/SSL
    • Zoho - Email
  2. blog.frankiesanzica.com
    • Hugo - Static Site Generator
    • Netlify - Hosting/SSL/CDN/CI-CD”]
  3. docs.frankiesanzica.com
    • MKDocs - Static Site Generator
    • Netlify - Hosting/SSL/CDN/CI-CD”]

1. FrankieSanzica.com

Bootstrap

GitHub Pages

185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153

2. Blog.FrankieSanzica.com

Hugo

To create my blog, I went with the open-source static site generator, Hugo.
It is very easy to use and is written in Go. I chose a simple, but full featured theme, Type to get started. Here were my Quick Start steps assuming you are on a Mac:

Install

brew install hugo

Start new site

hugo new site blog.frankiesanzica.com

Add theme

git submodule add https://github.com/digitalcraftsman/hugo-type-theme themes/hugo-type-theme

Add first post

hugo new posts/my-first-post.md

View on local test server

hugo server -D

http://localhost:1313

Netlify

To host my blog, I went with Netlify. It is a great Platform-as-a-service that provides hosting, custom domains, CDN, HTTPs, & CD for a Jamstack. All FREE for personal use.

Hugo also provides a great tutorial on hosting on Netlify.

Point blog.frankiesanzica.com to Netlify

Add the following CNAME record at CloudFlare:

blog CNAME EXAMPLE-SITE-123456.netlify.com.

3. Docs.FrankieSanzica.com

MkDocs

comments powered by Disqus

See also