Setup in Lovable

Verbinde OptimoCMS mit Lovable, um KI-generierte Websites zu importieren, zu verwalten und auf deiner eigenen Domain zu veröffentlichen.

Voraussetzungen

• Ein Lovable-Konto
• Ein OptimoCMS API-Key mit read-, write- und ai-Berechtigungen (hier erstellen)

Schritt 1 — MCP-Integration öffnen

1. Gehe zu Settings → Integrations in Lovable
2. Klicke auf Add MCP Server
3. Fülle folgende Felder aus:

4. Klicke Save

Schritt 2 — Verbindung testen

Öffne ein neues Lovable-Projekt und tippe im Chat:

Verwende OptimoCMS, um alle meine Websites anzuzeigen.

Lovable ruft list_sites auf und zeigt deine bestehenden Websites.

Schritt 3 — Website von Lovable importieren

Baue eine Website in Lovable und veröffentliche sie bei OptimoCMS:

Importiere die aktuelle Lovable-Website zu OptimoCMS mit dem Namen "Meine Neue Website".

Lovable verwendet import_website um die Website zu migrieren, einschließlich:

• Alle Seiten und Abschnitte
• Bilder und Medien
• Design-Tokens (Farben, Schriftarten)

Beispiel-Prompts für Lovable

Website erstellen und veröffentlichen

Erstelle eine komplette Website für eine Zahnarztpraxis mit einer Startseite, Über-uns-Seite, Behandlungsseite und Kontaktseite. Veröffentliche sie bei OptimoCMS.

Bestehende Website aktualisieren

Füge einen Blog-Bereich zu Website site_abc123 auf OptimoCMS mit 3 Beispielartikeln hinzu.

Mehrsprachige Website

Übersetze alle Seiten von Website site_abc123 ins Englische und Französische.

Design anpassen

Hole die aktuellen Design-Tokens von Website site_abc123 und ändere die Primärfarbe auf #FF6B35.

Tipps für bessere Ergebnisse

1. Sei spezifisch — nenne die Branche, den Stil und die gewünschten Seiten
2. Schritt für Schritt — lass Lovable zuerst eine Vorschau erstellen
3. Verwende Site-IDs — referenziere bestehende Websites über ihre ID

Häufige Probleme

Nächste Schritte

• Alle verfügbaren MCP-Tools — vollständige Übersicht
• AI Workflows — weitere Beispiel-Prompts
• Setup in Cursor — für Entwickler, die lieber in einer IDE arbeiten