chraebsli Portfolio

General

In der Nacht vom 17. auf den 18. Oktober 2026 habe ich meine neue Portfolio Website veröffentlicht, an der ich schon einige Zeit gearbeitet habe.

Hi, ich bin chraebsli (oder Nicholas) und habe diese Portfolio Website und den Blog erstellt.

Die alte Seite

Zurzeit hoste ich noch eine kleine React Website/App auf einem kostenlosen Vercel Abo, die ich als meine persönliche Website bzw. mein Portfolio bezeichne. Es enthält ein paar Details über mich und ist eine sehr einfach gehaltene Website. Ich habe sie erstellt, als ich angefangen habe, React zu lernen. Seither ist etwas Zeit vergangen und ich habe mich durch verschiedene Javascript Gebiete bewegt und angefangen, ein CMS für meine Kunden zu entwickeln.

Zusätzlich hoste ich auf einer anderen Domain einen Jekyll Blog, auf der ich (zumindest vor einiger Zeit) Beiträge schreibe. Das ist wie hier ein Static Site Generator, aber ich habe ein bestehendes Theme verwendet, bei dem ich versucht habe, möglichst wenig am Design kaputtzumachen, während ich etwas Neues lernen wollte. Ich habe dort einige Blogbeiträge geschrieben, die meisten davon gleichzeitig auf Deutsch & Englisch.

Warum der Wechsel

Wie gesagt, musste ich zwei völlig unterschiedliche Tools pflegen, was von Anfang an nicht sehr durchdacht von mir war. Damit bleibt weniger Zeit für solche Dinge, und irgendwann wird es einfach vergessen, weil es mit der Zeit mühsam ist.

Die neue Seite

Diese neue Seite habe ich mit einem leeren astro.js Starter erstellt, da ich bereits React und SSGs wie Jekyll und Next.js für SSR kannte. React ist jedoch langsam, Jekyll nutzt Ruby und Next.js ist für einen simplen Blog einfach Overkill. Ich dachte mir: Warum nicht etwas Neues ausprobieren, das ich noch nicht kenne? Deshalb Astro.

Als ich mit dieser Seite angefangen habe, wusste ich, dass ich es diesmal durchdacht angehen sollte, nicht wie vorher. Etwas Verlässliches, das funktioniert, nicht allzu schwierig zu lernen und zu warten ist und zudem so simpel wie möglich. Aber ich wusste auch, dass ich hier und da 1-2 Features wollen würde, die dafür etwas Zeit in Anspruch nehmen werden. Und natürlich hat es das.

Sosehr ich von nivinvysakh/astro-tui-portfolio inspiriert wurde, hat mich die Seite für ein Portfolio komplett überladen gedünkt. Die Themes sahen zwar gut aus, das Terminal war wunderschön und das GUI war sauber. UX ist auf einem anderen Level, aber mit den Minispielen (für mich) einfach zu viel des Guten. Hier kannst du dir selbst ein Bild machen: https://astro-tui-portfolio.netlify.app/.

Mit dieser Inspiration habe ich mein eigenes Portfolio in einem Stil gebaut, der zu mir passt: simpel, aber elegant, ein bisschen nerdig, effizient und mit ein paar Easter Eggs. Dieser erste Release enthält ein vollständiges Dark & Light Theme, das Terminal mit vielen lustigen Befehlen und den Lebenslauf mit all seinen Details.

< 150kb

Nach etwas Optimierung konnte ich die Gesamtgrösse einer einzelnen Seite auf ~130kb drücken. Die Schriften machten fast 2/3 jedes Seitenaufrufs aus. Das ist für so eine coole Website verdammt gut optimiert, würde ich mal behaupten. Ich versuche, es so klein wie möglich zu halten, aber da noch weitere Features dazukommen, darf es zumindest ein bisschen wachsen.

Demnächst

In Zukunft werde ich (oder will zumindest) diese Features umsetzen:

  • Komplette englische/deutsche Seite mit Sprachumschalter
  • Sitemap für die Indexierung usw.
  • Feed für Blogbeiträge
  • Kontaktformular für einfache Kontaktaufnahme
  • und hier und da ein paar kleine Änderungen oder lustige Überraschungen
Referenzen:

Natürlich habe ich nicht jedes einzelne kleine Feature von Hand selbst gebaut, sondern konnte bestehende Lösungen nutzen und an meine Bedürfnisse anpassen: