Hi, I'm Johann. I'm a self-taught developer who went from pharmacy to code. I learn best by building things, so that's what you'll find here.

Projects

My current focus is on universal tooling and developer experience across JavaScript runtimes.

Universal Tooling

• toon: 🎒 Token-Oriented Object Notation (TOON) – Compact, human-readable, schema-aware JSON for LLM prompts. Spec, benchmarks, TypeScript SDK.
• apiful: 🍷 Extensible & type-safe API tooling — generated OpenAPI clients and server-side utilities, for any JavaScript runtime
• unlazy: 🪧 Universal lazy loading library for placeholder images leveraging native browser APIs
• unpdf: 📄 PDF extraction and rendering across all JavaScript runtimes
• tokenx: 📐 Fast token estimation at 94% accuracy of a full tokenizer in a 2kB bundle

Nuxt & Vue

• @nuxtjs/plausible: 🎟️ Plausible Analytics integration for Nuxt
• nuxt-api-party: 🐬 Securely connect to any API with a server proxy and generated composables
• nuxt-prepare: 🦎 Build actions for Nuxt
• nuxt-vitalizer: 🪿 Instantly better LCP scores in Google Lighthouse
• nuxt-kirby: 🫧 Kirby CMS integration for Nuxt with KQL support
• nuxt-gtag: 🔸 Google Analytics & Ads integration made easy

Libraries

• @unocss/cli: 🎨 The CLI for UnoCSS. A perfect fit for traditional backends.
• nitro-test-utils: 🧪 Testing environment and utilities for Nitro
• utilful: 🧬 A collection of TypeScript utilities
• kirbyup: 🆙 Official bundler for Kirby Panel plugins
• kirbyuse: 🎛️ Collection of Vue Composition utilities and typed window.panel for Kirby CMS

Starters / Templates

• cacao-kit-frontend: 🍫 Best practice Nuxt and KQL starter for your headless Kirby CMS
• kirby-headless-starter: 🦭 Headless-first Kirby starter with bearer token authentication and KQL utilities

Kirby Plugins

Commercial

• kirby-copilot: 🪁 Your everyday AI companion for the Kirby Panel
• kirby-content-translator: 🌐 Translate your content with DeepL, in the Panel or via CLI commands
• kirby-seo-audit: 🏃 State-of-the-art SEO analysis for Kirby CMS

Open Source

• kirby-serp-preview: 🔍 Kirby Panel plugin for search engine result page previews
• kirby-minimap: 🧭 Sidebar content navigation plugin for the Kirby Panel
• kirby-headless: 🦭 Kirby, but headless first with bearer token authentication and KQL utilities