Nuxt Plugins

Open Source (2022–jetzt)

Seit 2022 verschob sich mein Fokus von Webentwicklung mit dem Kirby CMS in Richtung Nuxt. Seit der Alpha-Phase von Nuxt 3 verfolge ich aktiv das Meta-Framework aktiv auf GitHub. Mit der Zeit entstanden einige quelloffene Projekte, welche ich seitdem pflege:

  • unlazy: 🪧 Universal lazy loading library for placeholder images leveraging native browser APIs
  • @nuxtjs/plausible: 🎟️ Plausible Analytics integration for Nuxt
  • nuxt-api-party: 🪅 Securely connect to any API with a server proxy and dynamic 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 — GA4 with consent management, Google Ads and more
  • vue-stickers: 🍦 One component, multiple fancy sticker variants
  • @byjohann/vue-i18n: 🌐 Lightweight internationalization plugin for Vue

Auf ein paar Projekte möchte ich ein wenig mehr eingehen, da dem einen oder anderen eine berichtenswerte (?) Geschichte innewohnt.

Nuxt Plausible

Cookie-Banner sind mir aus UX-Sicht ein Dorn im Auge. Darum setze ich auf Plausible, das als DSGVO-konforme Trackinglösung den User nicht obstruktiv in seinem Herumklicken auf einer Website hemmt.

Für ein Nebenprojekt (Dachsbau) schrieb ich ein Modul, um Nuxt so einfach wie möglich mit Plausible zu verbinden. Das erst interne Plugin lagerte ich später als Nuxt-Modul aus. Ungeahnt wurde mir angeboten, das Modul als offizielles Nuxt-Modul zur Verfügung zu stellen. Klar!

Am meisten freue ich mich darüber, dass die Website Nuxt.com es selbst verwendet.

Nuxt KQL

Wie eingangs angeteasert nutze ich Kirby mittlerweile nur noch als headless CMS. Dafür ist es meine präferierte Wahl, auch nach Testen anderer Content-Management-Systeme, welche sich auf die Fahne schreiben, die zugeschnittene Lösung für den Headless-Ansatz zu sein.

Da keine Integration von Kirby mit Nuxt bestand, nahm ich es mir als Ziel, die perfekte Lösung zu schaffen. Über Monate hinweg und stetiger Lernkurve mit Nuxt, habe ich einen Stand geschaffen, mit dem ich zufrieden und worauf ich gar ein wenig stolz bin. Zumal es mein erstes öffentliches Nuxt-Modul war.

Alle Arbeiten