CodeSite Portfolio

Aktiv

Diese Seite: ein statisches Portfolio, das sich bei jedem Build selbst aus meinen GitHub-Repos aktualisiert.

Worum es geht

Ein Logbuch für alles, was an der Werkbank entsteht. Die Seite soll sich nicht pflegen lassen müssen: Neue öffentliche Repos tauchen von selbst auf, mit README, Sprachen und Hosting-Infos.

Wie es funktioniert

  • GitHub-Sync vor jedem Build — ein Skript holt alle öffentlichen Repos, liest README, Sprachanteile, Root-Dateien und package.json und erzeugt daraus je eine Markdown-Datei
  • Automatische Erkennung — Hosting (Cloudflare, Vercel, Azure Static Web Apps, Docker …), eingesetzte Coding-Agents und Frameworks wie MCP werden aus Dateien und Abhängigkeiten abgeleitet
  • Gepinnte Repos auf dem GitHub-Profil erscheinen hier als hervorgehoben
  • Handgepflegte Einträge für Projekte ohne öffentliches Repo; das Skript fasst Dateien ohne Sync-Marker nie an
  • Suche und Filter clientseitig mit Fuse.js, Mermaid-Diagramme aus READMEs werden direkt gerendert
  • Deutsch und Englisch mit eigenen URLs; synchronisierte README-Texte bleiben in ihrer Originalsprache

Technik

Astro mit Content Collections und einem Zod-Schema für die Projektdaten — ein fehlerhafter Eintrag bricht den Build, nicht die Live-Seite. Tailwind CSS 4 fürs Styling, Hosting als statische Seite auf Cloudflare unter dernerl.dev. Gebaut mit Claude Code.