Schulung · Lovable · WordPress

Lovable für WordPress-Entwickler:innen

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 WordPress. 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.

WordPress betreibt einen großen Teil aller Websites, von Unternehmensauftritten über Shops mit WooCommerce bis zu komplexen Portalen. Die Entwicklung hat sich dabei stark verändert: Block-Themes, Full Site Editing, Gutenberg-Blöcke in React und die REST-API stehen neben klassischen PHP-Plugins und gewachsenen Themes. KI-Coding-Assistenten und Agenten helfen, eigene Blöcke und Plugins schneller zu entwickeln, Legacy-Code zu modernisieren, Sicherheitslücken wie fehlendes Escaping oder fehlende Nonces aufzuspüren und Performance-Probleme zu analysieren. Weil WordPress-Projekte oft von kleinen Teams oder Einzelpersonen betreut werden, ist der Produktivitätsgewinn besonders spürbar. Im Kurs lernen Sie, KI entlang der WordPress-Coding-Standards einzusetzen, mit WP-CLI und lokalen Entwicklungsumgebungen zu kombinieren und Plugins sicher sowie wartbar auszuliefern.

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?

  • WordPress-Entwickler:innen für Themes und Plugins
  • Webagenturen und Freelancer mit WordPress-Schwerpunkt
  • WooCommerce-Entwickler:innen
  • Frontend-Entwickler:innen, die Gutenberg-Blöcke bauen
  • Website-Verantwortliche mit technischem Hintergrund

Typische Herausforderungen, die wir adressieren

  • Gewachsene Themes und Plugins mit veraltetem PHP-Code und schwer wartbaren Abhängigkeiten
  • Sicherheitslücken durch fehlendes Escaping, fehlende Nonces und unsichere Datenbankabfragen
  • Performance-Probleme durch Plugin-Ballast, unnötige Abfragen und ungünstiges Caching
  • Umstieg von klassischen Themes und Page Buildern auf Block-Themes und Full Site Editing

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 entwickeln Gutenberg-Blöcke, Plugins und Block-Themes mit KI-Unterstützung nach den WordPress-Coding-Standards.
  • Sie finden und beheben Sicherheits- und Performance-Probleme in bestehenden WordPress-Installationen systematisch.
  • Sie automatisieren Wartung, Deployment und Inhaltsmigrationen mit WP-CLI und KI-Agenten.

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: WordPress
  • Gutenberg-Blöcke entwickeln
  • Plugins bauen und modernisieren
  • Sicherheits-Audit durchführen
  • Performance analysieren
  • WooCommerce erweitern
  • Wartung automatisieren
Modul 7 Datenschutz, Qualität & Transfer in den Alltag
  • WordPress-Projekte verarbeiten Formular-, Kunden- und Bestelldaten: Sie lernen, Datenbank-Dumps nicht ungefiltert an KI-Dienste zu geben, GPL-Lizenzpflichten für Plugins und generierten Code zu beachten, Zugangsdaten aus wp-config.php zu schützen und DSGVO-Anforderungen etwa bei Tracking und Formularen umzusetzen.
  • 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

Gutenberg-Blöcke entwickeln

Eigene Blöcke mit block.json, React-Komponenten für Editor und Ausgabe, Block-Attributen und Stilvarianten erzeugen und dynamische Blöcke mit serverseitigem Rendering in PHP umsetzen. Übersetzbarkeit wird dabei von Anfang an berücksichtigt.

Plugins bauen und modernisieren

Plugin-Gerüste mit Namespaces, Autoloading, Hooks und Einstellungsseiten generieren und bestehende Plugins schrittweise auf aktuelle PHP-Sprachfeatures und die WordPress-Coding-Standards umstellen. Bestehende Hooks und Filter bleiben dabei abwärtskompatibel, damit abhängige Erweiterungen weiter funktionieren.

Sicherheits-Audit durchführen

Theme- und Plugin-Code auf fehlendes Escaping, unvalidierte Eingaben, fehlende Nonce- und Capability-Prüfungen sowie unsichere SQL-Abfragen ohne prepare untersuchen und korrigierte Varianten erstellen. Jeder Fund wird nachvollziehbar erläutert.

Performance analysieren

Langsame Seiten mit Query Monitor und Profiling-Daten untersuchen, teure WP_Query-Aufrufe, Autoload-Optionen und Asset-Ladereihenfolgen optimieren und sinnvolle Caching-Strategien mit Transients vorschlagen. Vorher-nachher-Messungen belegen dabei den tatsächlichen Effekt jeder Maßnahme.

WooCommerce erweitern

Eigene Versandmethoden, Zahlungs-Hooks, Produktfelder und Checkout-Anpassungen umsetzen, dabei kompatibel zu High-Performance Order Storage und den Block-basierten Warenkorb- und Checkout-Seiten bleiben. Updates des Shop-Systems bleiben so ohne böse Überraschungen möglich.

Wartung automatisieren

WP-CLI-Skripte für Updates, Datenbank-Suchen-und-Ersetzen, Migrationen zwischen Umgebungen und Inhaltsimporte erstellen und in Deployment-Pipelines für Staging und Produktion einbinden. Routinearbeiten werden so reproduzierbar, protokolliert und unabhängig von einzelnen Personen erledigt.

Mögliche Praxisprojekte im Kurs

Block-Bibliothek für Kundenseiten

Ein Plugin mit wiederverwendbaren Blöcken wie Teaser, FAQ-Akkordeon und Kontaktbox, inklusive Stilvarianten aus theme.json und Übersetzbarkeit. Sie lässt sich in mehreren Kundenprojekten wiederverwenden.

Plugin-Sicherheitsscanner

Ein Kommandozeilenwerkzeug, das Plugin-Code nach typischen Sicherheitsmustern durchsucht und einen priorisierten Bericht mit Korrekturhinweisen erzeugt. Er lässt sich lokal oder als Schritt in der CI-Pipeline ausführen.

Inhaltsmigrations-Skript

Ein WP-CLI-Befehl, der Inhalte aus einer CSV- oder XML-Quelle importiert, Felder zuordnet, Bilder übernimmt und Dubletten erkennt. Ein Probelauf zeigt vorab alle Änderungen.

Voraussetzungen

Grundkenntnisse in Webentwicklung (HTML, CSS, JavaScript) und erste Erfahrungen mit Git sind hilfreich. React- oder Supabase-Kenntnisse werden nicht vorausgesetzt. Sie haben praktische Erfahrung mit PHP und der WordPress-Entwicklung von Themes oder Plugins; Grundkenntnisse in JavaScript sind für die Block-Entwicklung 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

WordPress-Projekte verarbeiten Formular-, Kunden- und Bestelldaten: Sie lernen, Datenbank-Dumps nicht ungefiltert an KI-Dienste zu geben, GPL-Lizenzpflichten für Plugins und generierten Code zu beachten, Zugangsdaten aus wp-config.php zu schützen und DSGVO-Anforderungen etwa bei Tracking und Formularen umzusetzen.

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.

Kennen KI-Assistenten die WordPress-APIs gut genug?

Die grundlegenden Hooks, Funktionen und Muster sind gut abgedeckt. Bei neueren Entwicklungen wie Block-Bindings, Interactivity API oder Änderungen im Editor schlagen Modelle aber mitunter veraltete Ansätze vor. Abhilfe schaffen aktuelle Dokumentation als Kontext, Projektregeln und automatische Prüfungen mit PHPCS und den WordPress-Coding-Standards. Diese Arbeitsweise üben Sie im Kurs.

Dürfen wir KI-generierten Code in kommerziellen Plugins verwenden?

Grundsätzlich ja, Sie sollten aber die Nutzungsbedingungen des KI-Dienstes prüfen und beachten, dass WordPress-Plugins in der Regel unter der GPL stehen. Generierter Code kann Fragmente bekannter Projekte ähneln, daher gehören Review und gegebenenfalls Lizenz-Scans zum Prozess. Im Kurs besprechen wir praxistaugliche Regeln für Agenturen und Produktanbieter.

Was kostet die Schulung „Lovable für WordPress-Entwickler:innen“?

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 WordPress-Entwickler:innen

Weitere Kurse zu Lovable

Alle 61 Kurse zu Lovable

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