Personal Website

Third iteration of my personal site/portfolio, built with Gatsby and Tailwind CSS

Skills

Node.js Gatsby React TypeScript Apollo GraphQL Tailwind CSS Firebase JavaScript (ES6+)HTML5 CSS3 PostCSS Webpack GitHub Actions Shell

Links

Github Repository Homepage

Started

2018-09

Project Overview

Third iteration of my personal site/portfolio built with Gatsby and Tailwind CSS. Content is authored in MDX (Git-based workflow), compiled through Gatsby’s GraphQL data layer, and deployed as a static, PWA-ready site on Firebase Hosting.

Highlights

Static-first architecture — pre-rendered at build time with client-side routing for instant transitions.
MDX content system — posts/pages live in Git as Markdown files; React components can be used directly in content.
Image pipeline — responsive images via Sharp (WebP) created at build time, lazy-loading, and LQIP placeholders.
Performance guardrails — code-splitting, inlined critical CSS, and route prefetching.
CI/CD — GitHub Actions builds on push; production deploys to Firebase’s global edge.
Design & DX — Tailwind utility classes, sensible defaults, and a small, composable component set.

Outcomes

Fast page loads with SPA-smooth navigation (100% score on Lighthouse).
Maintainable content workflow via PR reviews in Git.
Zero-ops hosting and predictable releases.

Check out the project repository on Github for more info.