Schulung · Lovable · Citizen Developer & Low-Code

Lovable für Citizen Developer

Web-Apps per Prompt bauen: mit Lovable vom Prompt zur lauffähigen React-App mit Supabase-Backend, GitHub-Sync und Deployment.

Dauer
1 Tag (7 Std.)
Format
Online oder vor Ort
Sprache
Deutsch oder Englisch
Teilnehmende
offene Termine oder exklusiv für Ihr Team
Abschluss
Teilnahmebescheinigung

Überblick

In diesem Kurs verbinden wir Lovable mit den typischen Abläufen im Bereich Citizen Developer & Low-Code. Die Teilnehmenden arbeiten an realistischen Szenarien und nehmen sofort einsetzbare Prompts, Workflows und Checklisten mit.

Lovable erzeugt aus natürlichsprachlichen Beschreibungen vollständige Web-Anwendungen auf Basis von React, TypeScript, Tailwind CSS und Vite. In dieser eintägigen Schulung lernen Sie, wie Sie Anforderungen so formulieren, dass Lovable sauberen, wartbaren Code liefert, wie Sie über die Supabase-Integration Datenbank, Authentifizierung und Storage anbinden und wie Sie Änderungen iterativ steuern, statt bei jedem Fehler von vorn zu beginnen. Im Mittelpunkt stehen echte Workflows: vom ersten Prompt über Datenmodell und Rechtekonzept bis zur veröffentlichten Anwendung unter eigener Domain.

Für Entwicklerinnen und Entwickler ist Lovable vor allem dann interessant, wenn der generierte Code nicht im Tool gefangen bleibt. Deshalb arbeiten Sie intensiv mit der bidirektionalen GitHub-Synchronisation, prüfen den erzeugten Code im eigenen Editor, ergänzen Tests und übernehmen das Projekt bei Bedarf in Ihre bestehende Toolchain. Sie lernen außerdem die Grenzen kennen: Row Level Security, Edge Functions, Secrets, Performance und Wartbarkeit größerer Codebasen. So entscheiden Sie fundiert, wann Lovable der schnellste Weg ist und wann klassische Entwicklung oder ein Agentic-Coding-Werkzeug besser passt.

Citizen Developer sind Fachanwender:innen, die eigene Anwendungen und Automatisierungen bauen, ohne klassische Softwareentwickler:innen zu sein. Bisher stießen Low-Code-Plattformen dabei schnell an Grenzen, sobald individuelle Logik, Schnittstellen oder Datenumwandlungen gefragt waren. KI-Coding-Werkzeuge verschieben diese Grenze deutlich: Aus einer Beschreibung in natürlicher Sprache entstehen Formulare, Workflows, Skripte und kleine Web-Apps, und KI erklärt Fehlermeldungen, Formeln und Ausdrücke verständlich. Damit wächst zugleich die Verantwortung, denn auch selbst gebaute Lösungen verarbeiten Unternehmensdaten und müssen gewartet werden. Im Kurs lernen Sie, mit Vibe Coding und KI-Agenten nützliche Lösungen für Ihren Fachbereich zu bauen, sinnvoll mit Low-Code-Plattformen zu kombinieren und dabei die Governance-Regeln Ihrer IT einzuhalten.

Das Training findet live statt – wahlweise online im virtuellen Klassenraum oder vor Ort in unseren Trainingsräumen in München, Salzburg, Berlin, Augsburg, Hannover, Bremen, Stuttgart und Kaiserslautern. Auf Wunsch kommen wir auch exklusiv für Ihr Team zusammen.

Für wen ist das Training?

  • Fachanwender:innen mit Automatisierungsideen in Verwaltung, Vertrieb, Einkauf oder HR
  • Power User von Excel, Power Platform oder vergleichbaren Low-Code-Werkzeugen
  • Prozessverantwortliche und Business Analysts
  • Mitarbeitende in Digitalisierungs- und Innovationsteams
  • IT-Verantwortliche, die ein Citizen-Development-Programm aufbauen

Typische Herausforderungen, die wir adressieren

  • Wiederkehrende manuelle Aufgaben, für die die IT keine Kapazität hat
  • Low-Code-Plattformen stoßen bei individueller Logik, Schnittstellen oder Datenaufbereitung an Grenzen
  • Fehlendes Wissen, wie man Lösungen testet, dokumentiert und sicher betreibt
  • Gefahr von Schatten-IT ohne Abstimmung mit Datenschutz und IT-Sicherheit

Das können Sie nach dem Training

  • Sie formulieren Prompts, mit denen Lovable strukturierte und wartbare React-Anwendungen erzeugt.
  • Sie binden Supabase für Datenbank, Authentifizierung und Storage an und prüfen die Row Level Security.
  • Sie iterieren gezielt am Design, ohne funktionierende Teile der Anwendung zu beschädigen.
  • Sie synchronisieren Projekte mit GitHub und bearbeiten den Code in Ihrer gewohnten Entwicklungsumgebung weiter.
  • Sie bauen mit KI-Unterstützung eigene Automatisierungen, Formulare und kleine Anwendungen für Ihren Fachbereich.
  • Sie kombinieren Low-Code-Plattformen gezielt mit generiertem Code für Logik, Datenaufbereitung und Schnittstellen.
  • Sie dokumentieren, testen und betreiben Ihre Lösungen im Einklang mit den Governance-Regeln Ihrer IT.

Inhalte & Ablauf

Modul 1 Grundlagen und Prompt-Strategie
  • Funktionsweise von Lovable: generierter Stack aus React, TypeScript, Tailwind CSS und shadcn/ui
  • Anforderungen strukturiert beschreiben: Zielgruppe, Seiten, Datenobjekte, Rollen
  • Chat-Modus versus direkte Änderungen: wann planen, wann bauen
  • Wissensbasis und Projektanweisungen für konsistente Ergebnisse nutzen
Modul 2 Backend mit Supabase
  • Supabase-Projekt verbinden und Tabellen aus dem Prompt ableiten lassen
  • Authentifizierung mit E-Mail, Magic Link und OAuth-Anbietern einrichten
  • Row Level Security Policies verstehen, prüfen und gezielt nachschärfen
  • Edge Functions, Storage-Buckets und Secrets für externe APIs einsetzen
Modul 3 Design-Iteration und UI-Qualität
  • Visuelles Bearbeiten einzelner Elemente und gezielte Layout-Prompts
  • Screenshots und Figma-Entwürfe als Vorlage verwenden
  • Responsives Verhalten, Barrierefreiheit und Designsystem-Konsistenz sicherstellen
  • Fehler mit Konsolenausgaben und Rücksprung auf frühere Versionen beheben
Modul 4 GitHub-Sync und professioneller Workflow
  • Bidirektionale Synchronisation mit einem GitHub-Repository einrichten
  • Code lokal in VS Code, Cursor oder Claude Code weiterbearbeiten
  • Branches, Code-Reviews und Tests für generierten Code etablieren
  • Abhängigkeiten, Umgebungsvariablen und Projektstruktur sauber halten
Modul 5 Deployment, Betrieb und Grenzen
  • Veröffentlichen mit Lovable-Hosting und eigener Domain
  • Alternative Deployments über Vercel, Netlify oder eigene Infrastruktur
  • Credit-Verbrauch, Projektgröße und typische Sackgassen realistisch einschätzen
  • Sicherheits- und Datenschutzcheck vor dem Go-live, inklusive DSGVO-Fragen
Modul 6 Praxislabor: Citizen Developer & Low-Code
  • Workflows automatisieren
  • Formulare und kleine Apps bauen
  • Formeln und Ausdrücke erklären
  • Daten bereinigen und umwandeln
  • Schnittstellen anbinden
  • Lösungen dokumentieren und testen
Modul 7 Datenschutz, Qualität & Transfer in den Alltag
  • Auch selbst gebaute Lösungen verarbeiten Unternehmens- und Personaldaten: Sie lernen, DSGVO-Anforderungen, Freigabeprozesse der IT, den sicheren Umgang mit Zugangsdaten und Lizenzbedingungen von Plattformen und generiertem Code zu berücksichtigen, damit keine Schatten-IT entsteht.
  • Spielregeln für den sicheren KI-Einsatz im Team
  • Ergebnisse prüfen: Fakten, Quellen, Tests und Vier-Augen-Prinzip
  • Persönlicher Umsetzungsplan für die nächsten 30 Tage
  • Offene Fragen, Ausblick und Ressourcen zum Weiterlernen

Praxisszenarien aus Ihrem Bereich

Workflows automatisieren

Genehmigungsprozesse, Benachrichtigungen und Datenübertragungen zwischen E-Mail, Tabellen, Formularen und Fachanwendungen in Low-Code-Plattformen beschreiben und von KI die passenden Flows, Ausdrücke und Bedingungen erstellen lassen. Sie behalten dabei jederzeit die Kontrolle.

Formulare und kleine Apps bauen

Erfassungsformulare, Checklisten oder Buchungsanwendungen per Beschreibung erzeugen, mit Validierung, Pflichtfeldern und einer einfachen Datenablage, und schrittweise nach Rückmeldung der Kolleg:innen verfeinern. Ganz ohne eigene Programmierung.

Formeln und Ausdrücke erklären

Komplexe Excel-Formeln, Power-Fx- oder Flow-Ausdrücke verständlich erklären lassen, Fehler finden und neue Berechnungen aus einer fachlichen Beschreibung zuverlässig formulieren. So verstehen Sie auch geerbte Tabellen von Kolleg:innen und können sie sicher anpassen.

Daten bereinigen und umwandeln

Exporte aus verschiedenen Systemen zusammenführen, Dubletten entfernen, Formate vereinheitlichen und Python-Skripte oder Power-Query-Schritte generieren, die die Aufbereitung wiederholbar machen. Die monatliche Aufbereitung dauert danach nur noch wenige Minuten statt Stunden.

Schnittstellen anbinden

Mit KI-Unterstützung verstehen, wie eine REST-Schnittstelle funktioniert, Konnektoren konfigurieren und einfache API-Aufrufe aufbauen, um Daten aus Fachsystemen in eigene Lösungen zu holen. Zugangsdaten bleiben dabei sicher hinterlegt.

Lösungen dokumentieren und testen

Für selbst gebaute Anwendungen Benutzeranleitungen, technische Kurzdokumentation und Testfälle erzeugen, damit Kolleg:innen und die IT die Lösung verstehen, übernehmen und weiterbetreiben können. So bleibt keine Lösung an einer Person hängen.

Mögliche Praxisprojekte im Kurs

Urlaubs- und Vertretungsplaner

Eine kleine Web-App, in der Teammitglieder Abwesenheiten eintragen, Vertretungen festlegen und eine Monatsübersicht für die Teamleitung sehen. Überschneidungen werden automatisch angezeigt.

Rechnungseingangs-Prüfer

Ein Skript, das eingehende PDF-Rechnungen ausliest, Pflichtangaben prüft und die Daten strukturiert in eine Tabelle zur Freigabe überträgt. Fehlende Angaben werden farbig markiert.

Anfrage-Tracker

Ein einfaches Ticketsystem für interne Anfragen mit Formular, Statusverlauf, Zuständigkeiten und automatischer E-Mail-Benachrichtigung. So behalten alle Beteiligten jederzeit den Überblick über offene und erledigte Anfragen.

Voraussetzungen

Grundkenntnisse in Webentwicklung (HTML, CSS, JavaScript) und erste Erfahrungen mit Git sind hilfreich. React- oder Supabase-Kenntnisse werden nicht vorausgesetzt. Sie arbeiten sicher mit Office-Anwendungen und Tabellenkalkulation; Programmierkenntnisse sind nicht erforderlich, Erfahrung mit einer Low-Code-Plattform ist hilfreich.

Technische Voraussetzungen

Laptop mit aktuellem Browser, ein Lovable-Account (ein kostenpflichtiger Plan wird für intensives Arbeiten empfohlen) sowie kostenlose Accounts bei GitHub und Supabase.

Datenschutz & Compliance

Auch selbst gebaute Lösungen verarbeiten Unternehmens- und Personaldaten: Sie lernen, DSGVO-Anforderungen, Freigabeprozesse der IT, den sicheren Umgang mit Zugangsdaten und Lizenzbedingungen von Plattformen und generiertem Code zu berücksichtigen, damit keine Schatten-IT entsteht.

Terminvorschläge

Alle Termine sind Vorschläge – Ihr Wunschtermin ist jederzeit möglich.

Häufige Fragen

Gehört mir der Code, den Lovable erzeugt?

Ja, der generierte Code ist regulärer React- und TypeScript-Code, den Sie über die GitHub-Synchronisation in ein eigenes Repository übertragen können. Dort lässt er sich unabhängig von Lovable weiterentwickeln, testen und deployen. Im Kurs zeigen wir, wie Sie diesen Weg von Anfang an sauber einrichten, damit kein Lock-in entsteht.

Ist Lovable für produktive Anwendungen geeignet?

Für Prototypen, MVPs, interne Tools und überschaubare Kundenanwendungen ja, sofern Sie Sicherheit und Datenmodell bewusst prüfen. Besonders die Row Level Security in Supabase, der Umgang mit Secrets und die Wartbarkeit wachsender Codebasen erfordern Aufmerksamkeit. Wir behandeln im Kurs konkret, welche Prüfungen vor einem Go-live sinnvoll sind.

Worin unterscheidet sich Lovable von Cursor oder Claude Code?

Lovable ist ein browserbasierter App-Builder mit vorgegebenem Stack, integriertem Hosting und Supabase-Anbindung und eignet sich besonders für den schnellen Start. Cursor und Claude Code arbeiten dagegen in beliebigen bestehenden Codebasen und Technologien. In der Praxis kombinieren viele Teams beides: Start in Lovable, Weiterentwicklung im Editor über GitHub.

Brauche ich Programmierkenntnisse, um als Citizen Developer mit KI zu arbeiten?

Nein. Sie beschreiben, was Ihre Lösung leisten soll, und die KI erzeugt Formulare, Flows, Formeln oder Skripte. Wichtig ist, Ihre Anforderungen klar zu formulieren und Ergebnisse systematisch zu prüfen. Im Kurs lernen Sie die nötigen Grundbegriffe wie Daten, Logik, Schnittstelle und Test so, dass Sie gezielt nachsteuern und Fehler selbst eingrenzen können.

Wie vermeiden wir Schatten-IT?

Durch klare Spielregeln statt Verbote: freigegebene Plattformen und Werkzeuge, definierte Datenklassen, eine einfache Registrierung selbst gebauter Lösungen und einen Weg zur Übergabe an die IT, wenn eine Anwendung geschäftskritisch wird. Im Kurs lernen Sie, solche Regeln anzuwenden, und IT-Verantwortliche erhalten Anregungen für den Aufbau eines Citizen-Development-Programms.

Was kostet die Schulung „Lovable für Citizen Developer“?

Die Schulung kostet pauschal 949 € zzgl. gesetzl. MwSt. pro Teilnehmer:in – unabhängig davon, ob sie online oder vor Ort stattfindet. Enthalten sind 1 Trainingstag(e) mit Live-Trainer:in, Kursunterlagen, Übungsumgebung und Teilnahmebescheinigung.

Kann ich einen eigenen Wunschtermin angeben?

Ja. Unsere Terminvorschläge sind eine Orientierung. Im Anfrageformular können Sie jederzeit einen Wunschtermin oder Zeitraum im Freitext angeben – wir prüfen die Verfügbarkeit und bestätigen innerhalb eines Werktags.

Findet der Kurs online oder vor Ort statt?

Beides ist möglich: live online im virtuellen Klassenraum oder vor Ort in München, Salzburg, Berlin, Augsburg, Hannover, Bremen, Stuttgart oder Kaiserslautern. Auf Wunsch führen wir das Training auch exklusiv für Ihr Team durch.

Weitere Kurse für Citizen Developer

Weitere Kurse zu Lovable

Alle 61 Kurse zu Lovable

Lovable · MünchenLovable · SalzburgLovable · BerlinLovable · AugsburgLovable · HannoverLovable · BremenLovable · StuttgartLovable · KaiserslauternLovable · Online