build.
This site is built with React, TypeScript, and Vite, and is pre-rendered as a fully static site for performance. The project was originally scaffolded through vibe-coding with Lovable and later refined and extended with the help of Cursor. The final output is deployed on Cloudflare Pages and served globally through Cloudflare's CDN, which means pages load quickly regardless of where you are.
design.
The design philosophy behind this site is simplicity, readability, and a content-first layout. The goal was to keep the interface minimal so the writing and projects remain the focus — not the chrome around them. Every page prioritizes fast loading, ships as little JavaScript as possible, and leans on clean typography and generous whitespace to let ideas breathe.
typography.
Headings are set in Fraunces, a variable serif that adds warmth and personality without being heavy. Body text uses Google Sans Flex, a clean and highly readable sans-serif designed for screens. The combination was chosen to make long-form reading comfortable while keeping the overall feel editorial and intentional.
tools.
The development workflow revolves around a few core tools. Cursor is the primary code editor, used for writing, refactoring, and getting AI-assisted development help. GitHub handles version control and acts as the deployment trigger — every push to the main branch kicks off a new build. Cloudflare Pages takes care of hosting, global delivery, and automatic SSL. Styling is handled entirely through Tailwind CSS with a custom design-token system for consistent theming across light and dark modes.
React
Vite
TypeScript
Tailwind CSS
Cloudflare Pages
GitHub
Cursor
Google Analytics
Google Tag Manageranalytics.
Analytics on this site are handled through Google Tag Manager, which orchestrates both Google Analytics 4. This setup allows tracking of pageviews and user interactions while keeping third-party scripts contained, organized, and easy to manage — all loaded through a single container snippet.
performance.
Performance is a first-class concern. The site is statically generated at build time, meaning there's no server rendering on each request. Pages are delivered through Cloudflare's global CDN with aggressive caching. Images are optimized and lazy-loaded, CSS is utility-first with no unused styles in production, and the overall JavaScript payload is kept intentionally small. The result is sub-second page loads on most connections.
inspiration.
Credit where it's due — the overall look and feel of this site is heavily inspired by Chester How's personal site. When I first came across it, I loved how intentional and restrained the design was — the typography, the whitespace, the way content was allowed to simply exist without competing with the interface. It felt like exactly what a personal site should be.
So yes, if you've seen Chester's site and this one feels familiar, that's not a coincidence. I studied his approach closely and used it as a foundation to build something that reflects my own voice and content. The structure may share DNA, but every piece of writing, every project, and the small details throughout are mine. I think good design deserves to be appreciated and built upon — and I hope this site does that respectfully.