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.
  • Inter — body font. Self-hosted for performance.
  • Playfair Display — heading font. Loaded via Google Fonts.

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.
  • Build command: hugo --gc --minify && npx pagefind --site public

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