Urias-T / triumph-website

Triumph's personal website.

A Simple Guide

This guide explains the steps I'll recommend if you want to build your static website and set up a CI/CD pipeline for it, based on my own experience.

1. Choose a template. (I got mine from StyleShout)
2. Download the template and edit with your preferred IDE/ code editor (Remember to verify responsiveness. If you use VSCode, this can be helpful).
3. Push to GitHub.
4. Purchase your domain (I purchased mine on CloudFlare).
5. Start a GCP project and create a storage bucket. (How To).
   • The bucket should be named with the domain you intend to use for your website (ie. the one you purchased above).
   • Follow the prompts to verify that you own this domain (through Google Search Console).
     • This verification would automatically modify your domain's DNS records.
   • You want uniform access control on your bucket.
   • Bucket should be publicly accessible. (How To).
6. Create a service account to be used by the GitHub workflow for CI/CD. (How To).
   • This account should have permission to write to your GCS bucket.
   • Copy the credentials and keys for this service account and save as secret in GitHub (How To).
     • Include the name of your bucket in the secrets as well. (Optional)
7. Write the GitHub workflow and include it in the .github/workflows directory. Cloud Storage Uploader
8. Modify your DNS records:
   • Set a CNAME record for the root to point to storage.googleapis.com.
   • Set a CNAME record for www to point to storage.googleapis.com.
     • Now you would need to setup a page forwarding rule for www to forward to the root.

PS: If you have any questions and/ or contributions to make to these steps, please forward such to me at: [e-mail]