A light and fast personal blog
Published April 07, 2024
Chris Hayes
Frontend
11ty
Chose 11ty (opens in a new window) for its focus on static site generation - no bloat, just speed.
AlpineJS
Integrated AlpineJS to provide lightweight interactivity without slowing down the initial page load.
TailwindCSS
Used TailwindCSS to apply styles swiftly during development despite its size.
Load speed
Fonts
Opted for Helvetica to avoid loading delays and maintain a classic look.
Navigation
Implemented subtle page-preloading to make internal navigation feel seamless.
A deeper dive
I wrote a blog post about the frontend tech choices in more detail.
I more recently wrote about switching from Vercel to Hetzner + Coolify .
`;
showVideo = true;" x-show="showImage || showVideo" x-trap="showImage || showVideo" class="fixed top-0 left-0 z-50 h-full w-full bg-black bg-opacity-50 p-16" style="display:none" @click="showImage = false; showVideo = false">![]()