Zurück zu Projekte
Portfolio Website
Eine moderne, responsive Portfolio-Website gebaut mit Astro, TypeScript und Tailwind CSS.
Januar 2024 ·
Astro TypeScript Tailwind CSS MDX
Inhaltsverzeichnis
Projektübersicht
Diese Portfolio-Website wurde entwickelt, um meine Arbeit und Projekte zu präsentieren. Der Fokus lag auf Performance, Benutzerfreundlichkeit und einem professionellen Design.
Technischer Stack
- Astro - Statischer Site Generator mit exzellenter Performance
- TypeScript - Typsicherheit für bessere Codequalität
- Tailwind CSS v4 - Utility-first CSS Framework
- MDX - Markdown mit JSX-Komponenten für dynamische Inhalte
Features
- Vollständig responsive Design
- Dark Mode Unterstützung
- SEO-optimiert mit Open Graph Tags
- Automatische Sitemap-Generierung
- Content Collections für typsichere Inhalte
- Optimierte Bildverarbeitung
Learnings
Bei diesem Projekt habe ich viel über moderne Webentwicklung gelernt, insbesondere:
- Die Vorteile von statischen Site-Generatoren für Performance
- Tailwind CSS v4 mit dem neuen
@themeSystem - Astro’s Content Collections API für strukturierte Inhalte