How this site is built

usefullabs.io is statically generated with Nuxt 4 and Tailwind v4, then deployed to Cloudflare Pages and served from its global CDN. There is no server at request time — every page is pre-rendered at build.

Content lives in a self-hosted Directus instance at office.usefullabs.io and is fetched at build time; publishing a change fires a deploy hook that rebuilds the site. The interface is built with Vue 3 and shadcn-vue.

Type

The site runs four typefaces, each with a defined job:

• Sora — headings and structure
• Instrument Serif (italic) — the human, editorial voice
• JetBrains Mono — the machine voice: eyebrows, index codes, version stamps
• Inter — body text and UI

Built in the open

This site — and the software behind it — is built with AI assistance, primarily Claude Code, with a human reviewing and approving every change before it ships. The build log and writing document the process honestly, decisions and mistakes included.