Dies ist meine /slash-Page wie meine Seite gemacht wurde und welche Technologien sie nutzt. /colophon basiert auf einer Idee von Samuel Palmer.

hnz.io ist ein persönliches Hobbyprojekt von Florian Heinz. Die Seite entwickelt sich kontinuierlich weiter, technisch wie inhaltlich. Ich versuche, so viel wie möglich selbst zu bauen, zu verstehen und weiterzuentwickeln, statt auf fertige Komplettlösungen zurückzugreifen. Dabei ist es mir wichtig, die Seite so datenschutzfreundlich wie möglich zu halten und auf unnötige technische Abhängigkeiten zu verzichten.

Server und Hosting

Die Seite läuft auf einem klassischen LAMP-Stack in einem Cloudron-Container.
Gehostet wird sie auf einem Server bei Hetzner auf einer virtuellen Maschine.

Versionierung und Deployment verwalte ich über ein selbstgehostetes Gitea.

CMS

Als Content-Management-System nutze ich Kirby CMS. Kirby ist ein dateibasiertes Flat-File-CMS, und da ich von Wordpress komme, ist das für mich gefühlt weniger komplex und eine echte Wohltat.

Viele Funktionen dieser Seite entstehen aus eigenen Plugins und Skripten.

Eigene Plugins

Ich entwickle mehrere Kirby-Plugins selbst, darunter:

• hnz/aperol-recalculator: Berechnung und Gewichtung von Aperol-Bewertungen.
• hnz/exif-import: Automatischer Import von EXIF-Daten in Kirby-Beiträge.
• hnz/ai-text: LLM-gestützte Textunterstützung für Alt-Beschreibungen, Meta-Descriptions und SEO-Titel.
• hnz/sync-meta: Synchronisation von Metadaten, vor allem zwischen Fotos und Artikeln.

Die sind leider noch nicht öffentlich, weil ich auch ein großer Freund des Pfuschens und des Nicht-Kommentierens bin.

Eingesetzte Plugins

• mauricerenck/indieConnector: IndieWeb-Anbindung für Webmentions, IndieAuth und Micropub
• mauricerenck/komments: Dateibasierte Kommentar- und Webmention-Verwaltung für Kirby
• pechente/kirby-admin-bar: Schlanke Admin-Leiste für schnellen Zugriff im Frontend
• sylvainjule/embed: Einfache Einbettung externer Inhalte per URL (oEmbed)
• tobimori/seo: SEO-Optimierung mit Metadaten, Open Graph und strukturierten Daten
• medienbaecker/kirby-photoswipe: Responsive Lightbox-Galerie auf Basis von PhotoSwipe

IndieWeb und Publishing

hnz.io ist IndieWeb-orientiert.

Ich nutze Webmentions, IndieAuth und RSS-Feeds.

Inhalte werden teilweise automatisiert importiert, etwa von Letterboxd und Pixelfed. Auch meine Snaps importiere ich hier als Stories.

Crossposting zu Mastodon und Bluesky erfolgt automatisiert über den IndieConnector.

Ein größeres nächstes Projekt ist die Entwicklung eines eigenen Micropub-Endpoints, um Inhalte direkt aus IndieWeb-Clients publizieren zu können.

Analytics

Zur datenschutzfreundlichen Auswertung nutze ich ein selbstgehostetes Matomo.

Automatisierung

Mehrere selbstgeschriebene Import-Skripte holen Inhalte automatisiert aus externen Quellen wie Letterboxd, Pixelfed und meinen Snap-Stories.

Dabei werden Inhalte strukturiert in Kirby überführt, inklusive Bilddownload, Metadatenverarbeitung und Syndication-Links.

Design und Umsetzung

Design, CSS, Templates, Struktur und technische Architektur entstehen vollständig in „Eigenregie“ mit Hilfe von LLMs.

Die Seite ist bewusst schlank gehalten und verzichtet auf schwere Frameworks oder unnötige externe Abhängigkeiten.

Entwicklung

Ich nutze zur Entwicklung meine Fedora Work Station mit einem lokalen Webserver und Visual Studio Code und Cursor. Bei VSC habe ich ChatGPT via Plugin eingebunden und teste gerade, wie das zu meinem Workflow passt.

aktualisiert am 16. Februar 2026