Hi, I’m Johann. I work somewhere in between development and design —
A JavaScript one-trick pony with an aesthetic sense.

Projects

My current focus is on the Nuxt and Vue development experience.

Multi-Framework

• unlazy: 🪧 Universal lazy loading library for placeholder images leveraging native browser APIs

Nuxt.js & Vue.js

• @nuxtjs/plausible: 🎟️ Plausible Analytics integration for Nuxt
• nuxt-api-party: 🐬 Securely connect to any API with a server proxy and generated composables
• nuxt-prepare: 🦎 Run initialization steps at build time
• nuxt-kql: 🫧 Kirby's Query Language API for Nuxt
• nuxt-gtag: 🔸 Google Tag integration for Nuxt: Google Analytics, Google Ads and more
• vue-stickers: 🍦 One component, multiple fancy sticker variants
• @byjohann/vue-i18n: 🌐 Lightweight internationalization plugin for Vue

Tooling

• @unocss/cli: 🎨 The CLI for UnoCSS. A perfect fit for traditional backends.
• nitro-test-utils: 🧪 Testing environment and utilities for Nitro
• pdfjs-serverless: 🪭 Serverless build of PDF.js for Deno, workers, and other nodeless environments
• kirbyup: 🆙 Official bundler for Kirby Panel plugins

Libraries

• unpdf: 📄 Utilities to work with PDFs in Node.js, browser and workers
• tokenwise: 📐 GPT token estimation and context size utilities without a full tokenizer
• apiverse: ✴️ Unified, pluggable API client management for ofetch, route building and typed OpenAPI clients

Demos / Templates / App Starters

• cacao-kit-frontend: 🍫 Best practice Nuxt and KQL starter for your headless Kirby CMS
• kirby-headless-starter: 🦭 Headless Kirby starter – KQL, Express-esque middlewares & more
• kirby-nuxt-starterkit: 💚 Kirby's sample site – ported to Nuxt 3 and KirbyQL

Kirby Plugins

Commercial

• kirby-live-preview: 🪩 Real-time page preview in the Kirby Panel
• kirby-seo-audit: 🏃 State-of-the-art SEO analysis for Kirby CMS
• kirby-copilot: 🪁 Your everyday AI companion for the Kirby Panel

Open Source

• ⭐️ kirby-content-translator: 🌐 Kirby Panel plugin to translate content at once with DeepL or other services
• kirby-headless: 🦭 Kirby, but headless only – bearer token, Express-esque middlewares & more
• kirby-algolia-docsearch: 🔦 Index and search your Kirby site with Algolia DocSearch
• kirby-serp-preview: 🔍 Kirby Panel plugin for search engine result page previews
• kirby-punctuation-section: ✒️ Insert punctuation marks into your text with a single click