Colophon
How this site is built. No marketing speak, just the tools I actually use.
Tech Stack
- Next.js 14
App Router, React Server Components, static generation where possible.
- TypeScript
Type safety throughout. Catches bugs before they ship.
- Vercel
Hosting and deployment. Push to main, it's live.
Styling
- CSS Variables
Custom properties for colors, spacing, and theming. Dark mode by default.
- Tailwind CSS
Utility classes for rapid development, global CSS for base styles.
- No component library
Everything hand-built. More control, smaller bundles.
Typography
- Source Serif 4
Body text. Readable, elegant, good for long-form writing.
- JetBrains Mono
Headings, navigation, code blocks. Monospace adds structure.
Both fonts loaded via next/font for zero layout shift.
Content
- MDX
Markdown with JSX components. Blog posts and longer content.
- Syntax highlighting
rehype-pretty-code with Shiki. Themes that match the site.
Tools
- VS Code
Where the code gets written.
- GitHub
Version control and CI/CD via Vercel integration.
- Plausible
Privacy-respecting analytics. No cookies, no tracking.
Design Philosophy
The design is intentionally simple. Dark background, green accents, monospace headers. It's meant to feel like a terminal that grew up — technical but approachable.
I optimized for readability and speed. No animations that serve no purpose. No JavaScript that blocks content. The site should load fast and get out of your way.
This isn't a portfolio template. It's built from scratch, iterated on constantly, and reflects how I think about software: functional first, polished second.
Source code is on GitHub. Feel free to look around.