Portfolio Website - Projekt Details

Web Developmentseit 2026
Portfolio Website
Eine moderne Portfolio-Website, die mit React, TypeScript und moderner Webarchitektur erstellt wurde.
AstroReactTypeScriptAstryx Design System
Projektbeschreibung
Über das Projekt
Die nächste Generation meiner persönlichen Webseite ist mehr als eine digitale Visitenkarte: Sie dient als moderne Entwicklungsplattform, Showcase für zeitgemäße Webarchitektur und interaktiver Hub für meine Projekte, Apps und Gedanken.
Architektur & Philosophie
- Static Site Generation (SSG): Sämtliche Seiten werden zur Build-Zeit als optimiertes, statisches HTML generiert. Das sorgt für Ladezeiten im Millisekundenbereich, maximale Ausfallsicherheit und optimale Core Web Vitals.
- Git als Content-Hub: Alle Inhalte, von Projekten und Blogartikeln bis zu Status-Updates, liegen versioniert im Repository und werden über Astro Content Collections mit strikten Zod-Schemas typgeprüft.
Tech-Stack
- Astro: Schlanker, moderner Web-Framework-Kern für inhaltsgetriebene Seiten mit minimalem JavaScript-Footprint.
- Astryx Design System: Modulare Komponenten-Bibliothek für ein barrierefreies (a11y), visuell konsistentes Layout- und UI-System.
- React 19 & TypeScript: Vollständige Typsicherheit für interaktive Komponenten und Schemata.
Besondere Features
- Living
/now-Status: Inspiriert von Derek Sivers’ nownownow.com-Initiative - ein transparenter, lebendiger Schnappschuss meiner aktuellen Prioritäten, privaten Lernprojekte und Leseempfehlungen. - Integrierte Link-in-Bio-Seite (
/links): Eigene schlanke, werbe- und trackingfreie Übersichtsseite für Social Media. - Automatisierte Feeds & SEO:
Vollständige Schema.org JSON-LD Metadaten (
Person,BlogPosting), dynamischer RSS-Feed (/rss.xml) und automatische Sitemap-Generierung.
Screenshots

Vergrößern

Vergrößern

Vergrößern

Vergrößern

Vergrößern

Vergrößern

Vergrößern

Vergrößern