✍️
A light and fast personal blog
Built in 2024
Frontend
11ty
Chose 11ty 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">