Meine Projekte
Hier gibt’s eine kleine aber feine Auswahl meiner Projekte.
JAMstack
Ich mag den JAMstack and sogenannte „Statische Website-Generatoren“. Kein Wunder, denn sie machen so Vieles richtig. Im Vergleich zu „früher“ (d.h. dem LAMPstack) bietet der JAMstack viele tolle Vorteile:
- Bessere Performance - jede einzelne Seite wird im Voraus statisch erstellt und kann sofort ausgeliefert werden,
- Höhere Sicherheit - durch Verzicht auf serverseitige Script-Sprachen und Datenbanken werden mögliche Angriffsziele eingeschränkt,
- Günstige, einfache Skalierbarkeit - durch Verteilbarkeit auf CDNs,
- Einmalig gute Entwicklererfahrung - so macht das Netz wieder Spaß 💕.
Und dank Markdown kann ich auch noch morgen (oder in zig Jahren) meine Inhalte mit einem einfachen Texteditor lesen und bearbeiten.
Handwerkszeug
Folgende Tools kommen bei meinen Projekten zum Einsatz
- Hugo und wenn’s doch mal dynamisch sein muss: WordPress mit dem Stack von Roots.io
- Tailwind-CSS , Bulma , Sass/SCSS , PostCSS …
- JavaScript, Svelte , React, Angular …
- Rollup , Gulp , Webpack …
- Netlify (+CMS) für statische, Uberspace für dynamisch generierte Seiten
- Git bei GitHub , GitLab und selbst-betrieben mit Gitea
- Affinity Photo, Designer und Publisher
- Mac, Linux (und Windows, wenn’s sein muss)
- die Kommandozeile
Actionscript(allerdings habe ich damit mal ein Card-Sorting-Tool programmiert 💪)
Projektgalerie
Meine Seite
graessle.comMeine private Website dient ein wenig als Spielwiese für neue Funktionen meines Lieblings-Website-Generators Hugo. So bietet sie z.B. eine Suchfunktion, obgleich der Inhalt recht überschaubar ist. Die Spieletabelle wurde ursprünglich in Angular, später in React und letztlich in Svelte umgesetzt.
Hugo Matomo Component
github.com/holehan/hugo-component-matomoBeim „Hugo Matomo Component“ handelt es sich um ein Theme-Component für der statischen Website-Genrator Hugo. Es ermöglicht die DSGVO-konforme Einbindung des Analyse-Tools Matomo mit Opt-Out ohne iframe.
Erzaehlspiel-Zine
erzaehlspiel-zine.netlify.appBeim Erzählspielzine bin ich für das CI/CD sowie das CMS verantwortlich. Neue Funktionen setze ich für die Autoren als Shortcodes und Partials für Hugo um.
Termux Extra Repository
termux.holehan.orgAuf termux.holehan.org biete ich in einem apt-Repositorium mir fehlende Pakete für den Android-Terminal-Emulator Termux an.
Spieletreff Website
www.spieletreff-neuwied.deDie Website bietet Informationen rund um den Spieletreff Neuwied in Koblenz an. Ich habe die Seite ursprünglich in WordPress umgesetzt, mittlerweile aber zu Hugo portiert. Einfache dynamische Elemente wie Kalendereinträge wurden mit JavaScript umgesetzt.
FU - Das Rollenspiel
fu-rollenspiel.deBeim Projekt zum Rollenspielsystem FU bin ich für die Infrastruktur, das Tooling und die Performance-Optimierung verantwortlich.
Heckmeck-WM
heckmeck-wm.deDie Heckmeck-WM-Website bietet alle Infos rund um die einzelnen Turniere der Heckmeck-Weltmeisterschaft. Auch hier darf das altbackene Design nicht über den modernen Unterbau hinwegtäuschen 😉.
KJ Wrede
www.kjwrede.deDie Website des Spiele-und Romanautors Klaus-Jürgen Wrede. Auch wenn sie leicht altbacken daherkommen mag, hat sie doch einen eigenen unverkennbaren Charakter. Im Hintergrund werkelt ein moderner WordPress-Stack von roots.io