Zurück zu den Artikeln

Aktueller Entwicklungsstand: Features und Erkenntnisse

Ein umfassender Überblick über das bisher Gebaute: Medienverwaltung, Content-Editing, Echtzeit-Vorschauen und die Architekturentscheidungen dahinter.

Aktueller Entwicklungsstand: Features und Erkenntnisse

Nach zwei intensiven Entwicklungstagen (3.–4. Februar 2026) ist meine Phoenix-basierte Website vollständig funktionsfähig. Hier ist ein Überblick über das Gebaute.

Öffentliche Website

  • Homepage: Profil, Social-Links, aktuelle Arbeitserfahrungen, neueste Artikel
  • Über mich: Portrait, ausführliche Bio, Berufserfahrung, Ausbildung, Zertifizierungen, Skills
  • Blog: Listing mit Kategorien/Tags, Einzelartikelseiten mit Markdown-Rendering
  • Projekte: Showcase mit Filter, individuelle Case-Study-Seiten
  • Custom Pages: dynamische Erstellung per Admin mit Markdown-Unterstützung

Admin-Dashboard

  • Profilverwaltung mit Medienbibliothek-Avatar-Auswahl
  • Medienbibliothek mit Drag-and-Drop-Upload, Echtzeit-Fortschritt, Mogrify-Bildoptimierung
  • Content-Verwaltung: Artikel, Seiten, Berufserfahrung, Ausbildung, Zertifizierungen, Skills
  • Authentifizierung mit bcrypt, Session-Verwaltung, CSRF-Schutz

Technische Highlights

  • Dark Mode: standardmäßig dunkel, Alpine.js-Toggle, in localStorage gespeichert
  • i18n: Deutsch (Standard) und Englisch, separate Übersetzungsdomänen
  • LiveView: Echtzeit-Formularvalidierung, sofortiges CRUD-Feedback
  • Assets: Tailwind v3 + esbuild, 12 KB CSS, 8 KB JS

Wichtigste Erkenntnisse

  1. Phoenix LiveViews Formularvalidierung ist magisch
  2. Dark Mode mit Tailwind ist fast zu einfach
  3. Ectos Changesets fangen Fehler ab, bevor sie die Datenbank erreichen
  4. Die Fehlerbehandlung der BEAM-VM gibt Sicherheit
  5. Früher testen — Tests parallel zu Features schreiben zahlt sich aus

Zurück: Moderne UI mit Tailwind und Catalyst