Meta

Colophon

A note on how this site is made. The stack is chosen for speed, simplicity, and good developer experience — nothing more than what the job needs.

Framework

  • Next.js 14App Router, server components, static generation
  • React 18UI library
  • TypeScriptThroughout the entire codebase

Styling

  • TailwindCSSUtility-first CSS
  • Space GroteskPrimary typeface, served via Google Fonts

Content

  • MDXBlog posts authored in Markdown with JSX support
  • ContentlayerTransforms MDX files into type-safe data
  • rehype-pretty-codeSyntax highlighting powered by Shiki (one-dark-pro)

Animations

  • Framer MotionPage transitions, timeline, floating card, footer game

Features

  • GiscusBlog comments via GitHub Discussions
  • next-themesDark / light mode without flash
  • RSS FeedBlog feed at /feed.xml
  • Open Graph imagesDynamically generated per blog post via Edge runtime

Infrastructure

  • VercelHosting, edge network, and preview deployments
  • Vercel AnalyticsPrivacy-friendly page view tracking
  • Google AnalyticsAdditional visitor insights