Projekte & Architektur

Ursprünglicher Plan: Ein komplettes Rewrite meiner WordPress-Seite zu einem reinen Next.js Projekt (inkl. shadcn/ui für KI-optimierte A11y und Tailwind 4). Langfristig war der Einsatz von Tina CMS geplant. Aktueller Stack (Übergangslösung): Um den Relaunch zu beschleunigen, nutzen wir nun WordPress als Headless CMS (für Blog, News, Docs, Projekte) und Next.js mit purem JavaScript für das Frontend. Dies beschleunigt die Umsetzung und Iteration enorm. Infrastruktur & Hosting: Wechsel von All-Inkl (Shared Hosting mit Limitationen bei nativen Apps und PM2) zu Hetzner. Einrichtung einer Staging-Subdomain, lokales Spiegeln von Content und Datenbank, sowie Anpassung der .htaccess für Port-Weiterleitungen (PHP und Node). Workflow: Lokale Entwicklung als AI-Pair-Programming mit Google Antigravity, VSCode und OpenAI Codex. Alle Einstellungen und Daten wurden nahtlos von All-Inkl zu Hetzner migriert.

Konzept: Ein minimalistischer, hochperformanter One-Pager, der auf das Modal-Pattern setzt, um Inhalte elegant in Overlays zu öffnen. Tech-Stack: Next.js 16 (App Router), Tailwind CSS 4 (Oxide Engine), shadcn/ui und MDX mit Registry-Pattern. A11Y als KI-Parsing-Optimierung: Das Projekt nutzt Barrierefreiheit gezielt als „Artificial Intelligence Optimization“ (AIO). Semantisches HTML, strikte Hierarchien und ARIA-Attribute dienen dazu, die Seite für moderne KI-Crawler (LLMs, RAG-Pipelines) maximal parsebar zu machen.