Lovable mal kurz getestet - react Anwendung bauen ohne eine Zeile Code zu schreiben.
Hier kannst dus selbst testen: https://tinyurl.com/yywkndmx
Zusammenfassung: Generierung kompletter React-Anwendungen mit "lovable"
Einführung
- Der Sprecher demonstriert "lovable", ein Online-Tool, das automatisch komplette React-Anwendungen generiert.
- Er hat kürzlich intensiv mit React experimentiert und zeigt, wie man mit einem einfachen Prompt eine Landingpage erstellen kann.
Beispiel-Prompt und Generierung
- Prompt-Inhalt:
- Generiere eine Landingpage mit einem Formular zur Registrierung einer Person (Name, deutsche Adresse, E-Mail, Handynummer).
- Die Webseite soll über eine IT-Consulting-Dienstleistung im Bereich "grüne IT" informieren.
- Verwende ansprechende, reißerische Texte und benenne die Firma als "greenhe München".
- Integriere eine Service-Schnittstelle unter
beispi.de/email, die Daten im UTF-8-Format postet.
- Ergebnis:
- Das Tool erstellt fertigen React-Code, der als komplette, unabhängige Anwendung genutzt werden kann.
- Die generierte Webseite enthält Details wie eine fünfstellige Postleitzahl, den Standort München und ein funktionierendes Formular.
Anpassungen und Varianten
- Es gibt gelegentlich kleine Unterschiede in der generierten Anwendung (z. B. variierende Fehlermeldungen beim Handynummerformat).
- Eine zweite Ausführung des gleichen Prompts lieferte eine leicht abweichende Version der Landingpage.
- Der Sprecher korrigiert kleinere Formatierungsfehler, wie etwa das Format der Handynummer.
Erweiterung mit Bildern
- Der Sprecher fügt ein KI-generiertes Bild ein, das indische IT-Kollegen zeigt.
- Er gibt den Befehl, das Bild an der Seite oberhalb bestimmter Bereiche der Anwendung zu platzieren.
Abschluss
- Die generierte React-Anwendung ist komplett funktionsfähig und der Code kann beispielsweise nach GitHub exportiert oder veröffentlicht werden.
- Der Sprecher ermutigt, das Tool selbst auszuprobieren, und schließt das Video mit einem Aufruf zum Experimentieren und Spaß beim Ausprobieren ab.