Tech Stack dieser Website

Zum Zwecke der Dokumentation will ich hier kurz Erklären welche Technologien diese Website nutzt. Natürlich hätte ich diese Website auch mit einem generischen Site-Builder wie ”Jimdo“ oder “Wix” erstellen können. Oder noch einfacher — ich könnte mein Portfolio auch einfach auf Instagram hochladen. Aber das wäre ja langweilig.

Im Nachhinein bin ich sehr zufrieden mit meiner Entscheidung. Denn wenn man die Ladezeit dieser Website mit anderen vergleicht kann selbst das ungeübt Auge unterschiede erkennen. Der Grund dafür liegt natürlich darin, dass alle Seiten unter dieser Domain statisch sind. Das heißt, dass alle Inhalte, selbst wenn sie aus einem Content-Management-System stammen, nicht erst im Browser des:der Besuchers:Besucherin in das HTML-Dokument eingefügt werden. Blog-Posts wie dieser sind zwar dynamische Inhalte, werden aber vom Server gerendert bevor sie dem User geschickt als Markup geschickt werden.

Gleichzeitig wollte ich aber nicht auf Interaktionen verzichten müssen. Die Lösung: Gatsby. Ich werde hier nicht erklären was genau dieses Ecosystem kann, weil es eine super Dokumentation dazu gibt.

Ein anderer Faktor für kurze Ladezeiten ist das Content-Delivery-Netzwerk von Netlify, das ich für die Bereitstellung der Seite nutze. Ich benutze auch für die Redaktion der Inhalte auf der Seite eine Lösung von dem Unternehmen: NetlifyCMS.

Wahrscheinlich werde ich diesen Artikel in Zukunft erweitern, weil sich die Seite auch noch weiterentwickeln wird.