Design
The design of this website is inspired by Gabriel Sha’s, Ben Cuan’s, and Nikhil Jha’s websites. It is typeset in Nunito Sans and code is in Inconsolata. The icons are Phosphor Icons.
Tech Stack
It’s a Next.js and React site written in TypeScript that is statically exported and served via GitHub Pages. It auto-deploys on every push to main. The source code can be found here.
The content lives in a content/ directory and is processed by Velite, a tool that turns content files into typed, validated data collections. The entries on the /work page live in content/work/*.yml which get compiled into a JSON dataset by Velite at build time, and the page component imports that data, sorts it, and renders it.
Posts are written in MDX (an extension of Markdown that allows me to add custom react components into the markup). To create a new post, I add the directory content/posts/[slug] with an index.mdx file, and optionally a media/ subdirectory with any media for the post. The MDX file has frontmatter and Markdown body:
---
title: "Behind This Site"
lede: "A brief description of how this site was made. From the design
to the tech stack and how content is published."
date: 2026-05-29
maxTocLevel: 2
slug: colophon
unlisted: false
---
## Design
...The maxTocLevel attribute specifies what level of headings should be included in the table of contents, and unlisted specifies whether the post should be listed on the \posts page and be included in the sitemap.