Neue Homepage online

Lange Zeit hab ich an meiner neuen Homepage gearbeitet und die letzten Tage nochmal richtig Gas gegeben, damit ich die endlich fertig bekomme. Und jetzt ist es soweit: Was du hier gerade liest, ist bereits die neue Seite. Nach mehr als einem Jahrzehnt löst sie damit meine alte Jekyll-Seite ab.
Ehrlich gesagt hat mir die Jekyll-Seite über die ganzen Jahre gute Dienste geleistet. Statische Seiten sind wunderbar schnell, sicher und wartungsarm - man generiert einmal die HTML-Dateien und muss sich hinterher um nichts mehr kümmern. Aber irgendwann juckt es einen halt doch in den Fingern und man will was Neues ausprobieren. Und ein paar Ideen hatte ich, die sich mit einer rein statischen Seite einfach nicht mehr vernünftig umsetzen ließen.
Zur Erinnerung, wie das Ganze bisher aussah, hab ich vorher noch ein paar Screens gesichert:

Der neue Unterbau

Beim Frontend ist die Wahl auf Angular gefallen. Das liegt schlicht daran, dass ich damit auch beruflich schon seit längerem arbeite und mich darin mittlerweile richtig zu Hause fühle. Da lag es nahe, das Wissen auch mal für ein eigenes Projekt zu nutzen, statt mich privat noch in ein weiteres Framework einzuarbeiten. Die Seite ist als Single Page Application umgesetzt, das heißt, beim Navigieren wird nicht jedes Mal die komplette Seite neu geladen, sondern nur der jeweilige Inhalt nachgezogen. Das fühlt sich schön flüssig an.
Als Backend kommt ein .NET-Server zum Einsatz. Auch das ist eine Technologie, mit der ich viel Erfahrung habe und die sich für so eine Web-API einfach hervorragend eignet. Das Backend kümmert sich um die Auslieferung der Blog-Beiträge, der Bilder und noch ein paar andere Dinge im Hintergrund.
Die Blog-Beiträge selbst schreibe ich übrigens weiterhin ganz klassisch in Markdown - diese Gewohnheit aus Jekyll-Zeiten wollte ich mir nicht nehmen lassen. Jeder Beitrag ist einfach ein Ordner mit einer Markdown-Datei und den zugehörigen Bildern. Das Backend liest diese Dateien ein und liefert sie schön aufbereitet an das Frontend aus.

Natürlich in Docker

Wer meinen Blog verfolgt, wird es sich ohnehin schon gedacht haben: Das Ganze läuft natürlich in Docker. Ich hab mittlerweile so ziemlich alles bei mir in Container gepackt, und da macht die eigene Homepage keine Ausnahme.
Das Schöne dabei ist, dass Frontend und Backend zusammen in einem einzigen Container gebaut werden. Der übernimmt dann sowohl die Auslieferung der Angular-App als auch die Arbeit der .NET-API. So habe ich ein einziges, in sich geschlossenes Paket, das ich mit einem Befehl hochfahren, sichern oder umziehen kann - genau so, wie ich das mag.

Die kleine Spielerei zum Schluss

Und dann hab ich mir zum Schluss noch einen kleinen Spaß erlaubt: Auf der Startseite habe ich einen kleinen KI-Agenten eingebaut. Wer meine letzten Artikel gelesen hat, weiß ja, dass ich mich in letzter Zeit intensiver mit dem Thema lokale KI beschäftigt habe - und da lag es natürlich nahe, das auch gleich mal in die eigene Homepage einzubauen.
Wichtig ist mir dabei zu sagen: Der Agent ist weder eine Navigation noch eine Suche - er hilft dir also nicht dabei, dich auf der Seite zurechtzufinden. Stattdessen erzählt er einem einfach interessante Geschichten und Tatsachen aus Technik und Historie. Es ist also wirklich nur eine kleine Spielerei zum Zeitvertreib, aber ich finde die Idee ganz charmant. Schau ruhig mal vorbei und lass dir was erzählen.

Fazit

Ich bin jedenfalls froh, dass die neue Seite jetzt endlich online ist. Es steckt einiges an Arbeit und Feierabend-Bastelei drin, und es macht schon Freude, das Ergebnis nun live zu sehen. Perfekt ist sie sicher noch nicht - die eine oder andere Ecke werde ich in den nächsten Wochen bestimmt noch nachschärfen - aber das ist ja das Schöne an so einem eigenen Projekt: Es ist nie ganz fertig und es gibt immer etwas zu tüfteln.
Falls dir etwas auffällt oder du einen Fehler findest, freue ich mich über eine Nachricht. Und ansonsten: Viel Spaß beim Stöbern auf der neuen Seite!