Werkstattbericht


3 Min. Lesezeit

panzeri.rocks neu gebaut

Von Hugo zu Astro und wieder zurück

Diese Seite hatte in drei Jahren drei Versionen. Die letzte ist die erste, die um das Schreiben herum gebaut ist statt um ein Werkzeug.

Wo es anfing

Die erste Version, im Mai 2023, war Hugo mit einem fertigen Theme: eine Startseite, eine Über-mich-Seite und ein paar Cheat Sheets, als Git-Submodul eingebunden. Bei jedem Build wählte sie sogar eine neue Akzentfarbe. Sie funktionierte und sah aus wie jede andere Hugo-Seite.

Das war in Ordnung. Niemand besucht eine persönliche Seite wegen des Themes. Man kommt wegen etwas, das du geschrieben hast, liest es und geht wieder.

Der Umweg

Im Juli 2025 habe ich mit Astro und einem polierten Portfolio-Template neu angefangen. Die ersten Wochen fühlten sich produktiv an: neue Favicons, ein Abschnitt zum Tech-Stack, Stellenbeschreibungen, ein Wechsel zu pnpm, Prettier. Im September hörten die Commits auf, und ein Jahr später war die Seite immer noch nicht fertig.

Im Rückblick ist das Problem offensichtlich. Ein Template ist ein Stapel von Entscheidungen, die jemand anderes für seine eigenen Inhalte getroffen hat. Für jede Seite, die ich wollte, musste ich zuerst seine Komponenten verstehen und sie dann passend biegen. Ich habe meine Abende damit verbracht, ein Design anzupassen, statt zu schreiben. In zwei Monaten habe ich drei Texte veröffentlicht.

Ich habe nicht aufgehört, weil Astro schlecht ist. Es ist ein gutes Werkzeug. Ich habe aufgehört, weil eine JavaScript-Build-Kette, ein Paketmanager und eine Komponentenbibliothek viele bewegliche Teile für eine Seite sind, die hauptsächlich aus Text besteht. Jedes davon braucht Updates, und keines davon hat das Schreiben besser gemacht.

Zurück zu Hugo

Die neue Version ist wieder Hugo, aber mit einem Theme, das nur für diese Seite geschrieben ist:

  • Kein fremdes Theme, kein JavaScript, zwei selbst gehostete Schriftdateien
  • Deutsch und Englisch, wobei Texte, die es nur auf Englisch gibt, auf der deutschen Seite angezeigt statt versteckt werden
  • Diagramme als Inline-SVG, die dem Dark Mode folgen, damit eine Zeichnung nie eine zweite Datei braucht
  • Gebaut mit einem Befehl und ausgeliefert von einem kurzen Skript, das das Ergebnis per rsync auf einen VPS kopiert

Das Design folgt dem Schweizer Typografie-Stil: eine Schrift, ein Raster mit zwölf Spalten, Schwarz, Weiss und ein Rot. Dass es so wenig zu entscheiden gibt, ist Absicht. Wenn nur noch die Frage bleibt, was ich schreibe, schreibe ich.

Das ganze Theme besteht aus einer Handvoll Templates und einem Stylesheet. Ich kann alles an einem Abend lesen, und in fünf Jahren lässt es sich immer noch bauen.

Was es kostet

Geld fast keines. Die Seite ist ein Ordner mit statischen Dateien auf einem VPS, auf dem schon meine anderen Projekte laufen. Die einzigen eigenen Kosten sind die Domain.

Die eigentlichen Kosten waren Zeit, und die meiste davon ging in den Umweg. Der Weg zurück zu Hugo ging schneller, als die Astro-Version je «fast fertig» wurde, weil es nichts anzupassen gab, nur Dinge zu entscheiden.

Was ich dir rate

Wenn du einen Stack für eine persönliche Seite wählst, nimm den mit den wenigsten beweglichen Teilen, den du noch vollständig verstehst. Für mich ist das ein Static Site Generator, einfaches CSS und kein JavaScript. Für dich ist es vielleicht etwas anderes, aber prüf es auf dieselbe Art: Kannst du die Seite ein Jahr liegen lassen, zurückkommen und in zehn Minuten einen Text veröffentlichen?

Fang nicht mit dem Portfolio-Template von jemand anderem an. Fang mit dem Text an. Schreib drei Texte und bau dann das kleinste Design, das sie gut lesbar macht. Das Design kann später wachsen. Eine Seite, auf der nichts steht, wächst nicht.

Die langweilige Option gewinnt meistens. Diese Seite hat drei Jahre und einen Umweg gebraucht, bis ich das wieder gelernt habe.

Teilen