Web Development10. Januar 2026

Die Webseite - Ein persönliches Projekt

Wie ich meine persönliche Webseite entwickelt habe und was ich dabei gelernt habe

#Next.js#Web Development#Portfolio#React
Die Webseite - Ein persönliches Projekt

Die Seite war monatelang nur ein Ordner mit Ideen. Jetzt ist sie online. Ich wollte einen Ort, den ich selbst kontrolliere. Kein Profil bei einem Netzwerk, das morgen andere Regeln hat.

Technik

Next.js, React, TypeScript, Tailwind. SSR und statische Seiten für Geschwindigkeit. Blog-Inhalte liegen als Markdown in Git. Kein CMS, das ich nicht brauche.

Glassmorphism war die Richtung: klar, nicht verspielt. Blau, Cyan, Orange als Akzente. Fotos und IT-Projekte sollen nebeneinander funktionieren, nicht gegeneinander.

Was nervte

Bilder. Als Fotograf habe ich große Dateien. Die Next.js Image-Komponente komprimiert und lädt lazy. Ohne das wird die Seite träge.

Responsive Design mit Tailwind war Fleißarbeit. Jede Komponente auf Handy und Monitor geprüft. Einmal vergessen, sieht es auf dem Telefon kaputt aus.

SEO und Barrierefreiheit: semantisches HTML, Meta-Tags, Kontrast. Nicht perfekt, aber bewusst mitgedacht.

Was noch kommt

Mehr Galerien, mehr Blog, vielleicht kleine interaktive Teile. Die Seite ist nicht fertig. Sie wächst mit.

Wer ähnliches plant und technische Fragen hat, kann schreiben. Ich rede gern über das Setup.