Uses

Tools, apps, and tech that power this theme and demo site.

A /uses page is a convention in the personal blogging world — a place to share the tools and setup that make your work possible. Here’s what the Lightbi demo runs on.

Theme Stack

  • Hugo — static site generator. Fast, flexible, and content-focused.
  • Bootstrap 5.3 — CSS framework for responsive layout and components.
  • Bootstrap Icons — icon set used in navigation, cards, and buttons.
  • Geist is the main font used in this website and it is developed by Vercel.
  • Libre Baskerville is the font used in the headings and it is developed by Pablo Impallari and Rodrigo Fuenzalida.
  • Geist Mono is the font used in code snippets.

Features Bundled

  • Pagefind — static site search, no server required. Run npx pagefind --site public after building.
  • GLightbox — image lightbox for post galleries.
  • Dark mode — powered by CSS custom properties and a tiny vanilla JS toggle. No flicker on load.
  • Table of Contents — auto-generated sticky sidebar, active heading tracked via IntersectionObserver.
  • Copy button — auto-injected on all code blocks.

Hosting

  • Netlify — build, deploy, and CDN in one.

Want to see a real /uses page? The convention was popularised by Wes Bos and catalogued at uses.tech.