Skip to content
Prasad Shembekar

colophon

How this site is built.

the site as its own small case study

This site is built the way I like to build software — boring, typed, and composable. It's a static-first Next.js app: pages render at build time, content lives in files, and the interactive parts (the system diagrams, the contribution graph, the contact form) are small islands rather than a heavy client bundle.

The architecture diagrams are hand-authored SVG that adapt to the theme; the design system is a single set of CSS variables consumed by Tailwind, the diagrams and the code blocks alike. The contribution graph reads real GitHub data; the contact form runs on a serverless route with validation and spam protection. Everything degrades gracefully when a key is missing.

It's designed to grow by adding content, not by redesigning — new products, essays and roles drop into typed data and MDX. Dark mode, reduced-motion and keyboard navigation are first-class.

stack

FrameworkNext.js 16 · React 19
LanguageTypeScript (strict)
StylingTailwind CSS v4 · CSS variables
ContentMDX · file-based
MotionGSAP · CSS transitions
DiagramsHand-authored SVG, theme-aware
TypeInter · JetBrains Mono
BackendRoute handlers · Resend · GitHub API
HostingVercel