Skip to Content Tyler Smith

My Personal Website

My Personal Website Screenshot

Stack

  • Hugo
  • Alpine.js
  • Turbolinks
  • Scss
  • GitHub Actions
  • Netlify

I built this site using Hugo to take advantage of its fast build times. Hugo has a steep learning curve, but it’s also incredibly powerful: it includes built-in image optimization, Sass compilation, JavaScript bundling, and remote data-fetching out of the box.

The site uses Hugo’s data-fetching to generate the blog page, which pulls data from the DEV.to API to get a list of my published articles. To keep the blog page up-to-date, a GitHub action runs once-a-day that triggers Netlify to rebuild the site.