Personal Website (This One)
A minimalist, high-performance static website and publishing platform built with modern web standards, Git-backed content management, and global edge delivery.
Tech Stack & Platforms
- Core Framework: Astro (v6) configured in static generation mode (
output: "static"), delivering zero runtime JavaScript overhead on content pages. - Theme & Design Architecture: Custom implementation inspired by Astro Sidey, featuring:
- Styling: Tailwind CSS v4 engine with
@tailwindcss/typography. - Color Palette: Warm, accessible light/dark theme based on the Flexoki color system.
- Typography: Geist sans and Geist Mono variable fonts.
- Layout: Responsive two-column grid with a sticky sidebar for navigation, social links, theme toggling, and quick search.
- Styling: Tailwind CSS v4 engine with
- Content Management: Keystatic Git-backed CMS (
@keystatic/astro), providing a clean visual editing dashboard locally and in production without requiring an external database. - Hosting & Delivery: Cloudflare Pages via the
@astrojs/cloudflareadapter for automated CI/CD deployments from GitHub and instant edge caching. - Search & Code Tooling:
- Instant Search: Pagefind static search engine with a
⌘Kmodal interface. - Code Highlighting: Expressive Code with custom themes, collapsible code blocks, and line numbering.
- Math & Media: KaTeX for LaTeX formulas, automated reading time calculation, and a custom rehype image lightbox.
- Instant Search: Pagefind static search engine with a
Highlights
- Static-First Performance: Pre-rendered pages served straight from the edge with sub-second page loads.
- Seamless Editorial Workflow: Edit content locally in Markdown/MDX or visually via Keystatic with live previews opening directly to published URLs in a new tab.
- Typography-Focused Reading Experience: Distraction-free prose layouts with built-in dark mode switching, reading time metrics, and accessible color contrast.