Website Relaunch 2026

Und mal wieder alles neu! niklas-stephan.de hat sich über die Jahre von meiner digitalen Visitenkarte zu einer Ansicht meines digitalen Gartens entwickelt.

Mit dem Relaunch komme ich diesen geänderten Bedürfnissen auf technischer Ebene nach.

Inhalt der Website

niklas-stephan.de ist nun wie folgt aufgebaut:

  • Startseite: eine möglichst schöne Übersicht darüber, was einen Besucher meiner Website erwartet
  • About Me: mein Lebenslauf
  • Docs: ein Wiki, das alle von mir erstellten Dokumente aus verschiedenen Bereichen zeigt, die nicht vertraulich sind
  • Blog: ein paar Neuigkeiten und generische Beiträge im Stil eines klassischen Blogs

Die Technik

Auf technischer Ebene habe ich mich für ein möglichst modulares Setup entschieden, das zum einen Inhalte von Technik trennt, aber andererseits eine technisch „saubere” und „schnelle” Lösung darstellt.

Konkret bedeutet das:

  • Sämtlicher von mir für die Website geschriebener Quellcode liegt in einem öffentlichen Code Repository.
  • Diesen Quellcode generiere ich selbst und verwende KI nur als Hilfestellung, nicht federführend.
  • Ich begrenze mich auf gängige Standardtechnologien und versuche, möglichst einheitliche Programmiersprachen wie Go und HTML5 zu nutzen.
  • Die komplette Website und die dazugehörige Technik laufen sowohl als Entwicklungsversion als auch in ihrer produktiven Form in einem Docker-Container, der ebenfalls in einem öffentlich erreichbaren Repository bereitliegt.
  • Die Website nutzt so viel wie möglich statisch generierte Seiten für besseres SEO, sauberen Code und wenig JavaScript.
  • An Stellen, wo eine erweiterte Interaktivität erforderlich ist – wie z. B. im Wiki – nutze ich eine dafür spezialisierte Plattform und bette diese einfach in die Website ein.

Genutzte Software

Es werden verschiedene Tools genutzt.

Git

  • Als Code Repository

Docker

  • Sowohl auf Client- als auch auf Server-Ebene

Debian Linux

  • trixie:slim als Basis-Image

Hugo

  • Generierung der statischen Seiten

Outline

  • Content-Erstellung
  • iFrame für das Wiki
  • API für den Blog
  • Webhook zur Synchronisation

Go-Programme

  • Ein Programm, welches Beiträge von Outline holt und in ein für Hugo gut verarbeitbares Format umwandelt
  • Ein Programm, das einen minimalistischen Webserver für statische Dateien startet und auf einem API-Endpunkt „hört”, um die Aktualisierung von Inhalten zu triggern

Supervisord

  • Als Wächter über die Prozesse, damit Webserver und Hugo parallel ausgeführt werden können
  • Logfile-Management

Genutzte Bibliotheken

  • Go