Colophon

A Colophon is a page that tells you how a thing is made.

Stack

This site is built with Next.js and React, written in TypeScript. Pages are statically generated where possible, with a few routes that revalidate on a short interval to pull in fresh content.

Wiki content (like this page) is written in Markdown and processed by Contentlayer2, which compiles each .md file into typed data at build time. Markdown is extended with GitHub-flavored Markdown and definition list support.

Styling is done with Tailwind CSS and DaisyUI for component theming, plus the Tailwind Typography plugin for prose. The site supports light and dark mode via next-themes.

I build a bunch of personal sites for entertainment and/or utility. Most either use something like the above stack or use Go and Chi as their setup.

Hosting & Deployment

The site runs in a Docker container using Next.js standalone output. Images are built and published to the GitHub Container Registry via GitHub Actions on every push to main.

Almost every site I maintain now runs on premise on my Home Lab.

Content

The blog feed on the homepage is pulled from writing via RSS. Photos are served through imgix for optimization and resizing. They are uploaded by Photos. The site also supports Webmentions.

Personal

TODO add info about development setup.