heise+ | FastAPI und HTMX: Webanwendungen einfach mit Python und HTML erstellen

Wer eine aktuelle Web-Anwendung entwickelt, landet schnell bei überdimensionierten Frameworks wie React, Vue oder Angular – sie machen viele Projekte unnötig komplex. Dabei reichen einfache Server-Renderings oft aus. Mit dem Web-Framework FastAPI und der Bibliothek HTMX bauen Sie moderne, dynamische Webanwendungen, ohne sich mit komplizierten JavaScript-Werkzeugen oder überladenen Frameworks herumzuärgern.

• Die Kombination aus FastAPI und HTMX vereinfacht die Entwicklung von Webanwendungen erheblich.
• Das Projekt wird lokal über die Kommandozeile mit Python-Paketen wie FastAPI, Uvicorn und jsonpickle aufgesetzt und nutzt eine einfache JSON-Datei zur Datenspeicherung.
• Wählt man einen Kunden aus, lädt HTMX automatisch die zugehörigen Bestellungen, Details und den Status nach, ohne die ganze Seite neu aufzubauen.

Dahinter steckt ein schlankes Prinzip: FastAPI kümmert sich im Hintergrund um ein schnelles und zuverlässiges Backend. HTMX erweitert Ihr HTML so, dass Webseiten wie eine App reagieren: Über einfache Attribute steuern Sie Server-Anfragen und tauschen einzelne Seitenbereiche aus, anstatt komplette Seiten neu zu laden oder ein schwerfälliges Frontend-Framework zu bemühen.

Wir zeigen Ihnen Schritt für Schritt, wie Sie mit diesem Stack eine einfache Kundenverwaltung umsetzen. Dabei beginnen wir mit einer einfachen Übersichtsseite und erweitern sie um Kundendaten, Bestellungen und Details. Wir gehen darauf ein, wie Sie Kunden anzeigen, anlegen, bearbeiten und löschen sowie deren Bestellungen einsehen. FastAPI übernimmt das Backend und rendert die passenden HTML-Schnipsel, während HTMX für die Interaktion im Browser sorgt.