How this is built
Colophon
A record of the tools and decisions behind this site, kept up to date as things change.
- Framework
- Next.js (App Router), TypeScript
- Styling
- Tailwind CSS v4, CSS variables for theming
- Content
- MDX, parsed at build time with gray-matter + next-mdx-remote
- Typography
- Fraunces (display), Source Serif 4 (body), Inter Tight (UI), JetBrains Mono (code)
- Code highlighting
- rehype-pretty-code (Shiki)
- Diagrams
- Mermaid
- Math
- KaTeX via remark-math / rehype-katex
- Motion
- Framer Motion, used sparingly
- Icons
- Lucide
- Search
- cmdk command palette + Fuse.js
- Hosting
- Vercel