Alle Projekte

Diese Website · Web

Portfolio-Website

Ein moderner Astro-Neuaufbau mit klarer Komponentenstruktur, lokalen Assets und vorbereiteter CMS-Anbindung.

AstroReactTypeScriptCSSWordPressNginx
01

Ausgangslage

Worum es ging.

Ein persönliches Portfolio ohne Baukasten und ohne externe Schriftanbieter modern, schnell und erweiterbar umsetzen.

02

Aufbau

Wie ich es umgesetzt habe.

Der frühere WordPress-Custom-Theme-Ansatz wird als statisches Astro-Frontend mit React-Inseln, lokalen Assets und strukturierten Projektdaten neu aufgebaut.

03

Lernweg

Was ich dabei mitnehme.

Dabei lerne ich, Inhalte, Gestaltung und Technik sauber zu trennen und die Seite Schritt für Schritt erweiterbar zu halten.

Die Entwicklung verbindet Erfahrungen aus WordPress-Theming, PHP und Nginx mit Astro, React, TypeScript und komponentenbasiertem Design.

Architektur

Der Aufbau auf einen Blick.

Eine bewusst vereinfachte Darstellung der wichtigsten Bausteine und ihres Weges durch das Projekt.

  1. 01Content Collections
  2. 02Astro-Komponenten
  3. 03Statischer Build
  4. 04Browser
  5. 05Vorbereitete Contact-API

Projektmerkmale

Was bereits greifbar ist.

Lokale AssetsKein TrackingCMS-fähige Projektdaten