Lokalisiere deine Lovable-App automatisch
globalize.now bringt echte i18n in deine Lovable-App und hält jede Sprache bei jedem Push synchron. Füge einen Skill hinzu und das globalize MCP in Lovable, dann landen Übersetzungen als PR.
Der lovable-i18n Skill installiert Lingui v6, PO-Kataloge unter src/locales/[locale]/messages.po, Trans-Makros, einen Sprachschalter und eine GitHub Action. Er erkennt Vite SPA und TanStack Start Stacks. Nach dem Hinzufügen des globalize MCP öffnet jeder Push eine Übersetzungs-PR mit aktualisierten Katalogen. Committed Locale-Dateien schlagen Runtime-Widgets: keine Übersetzung nach dem Laden, kein Layout-Shift und pro-Locale-Seiten, die Suchmaschinen indexieren können.
50+ Sprachen · RTL enthalten · 5 € Startguthaben · keine Karte erforderlich
Voraussetzungen
- Ein Lovable-Projekt mit UI, die du übersetzen möchtest
- GitHub-Konto mit aktivierter Lovable-Projektsynchronisierung
- Ein Git-Repository, das von Lovable verbunden ist (verwende das +-Menü, dann GitHub, dann Projekt verbinden)
- Ein globalize.now-Konto, um das Repo für die Übersetzungssynchronisierung zu verbinden
So richtest du globalize.now mit Lovable ein
Verbinde dein Lovable-Projekt mit GitHub
Öffne in Lovable das +-Menü in der Chat-Eingabe, wähle GitHub und dann Projekt verbinden. Synchronisiere deine App mit einem echten Repository, damit PO-Kataloge und Lingui-Konfiguration in der Versionskontrolle leben.
Füge den lovable-i18n-Skill zu deinem Workspace hinzu
Öffne Skills in deinem Lovable-Workspace, klicke auf Add, wähle Import from GitHub und zeige es auf das Repository globalize-now/lovable-i18n unten — der Skill sitzt im Repository-Root. Er ist kostenlos, verbraucht keine Credits und du machst das nur einmal pro Workspace.
https://github.com/globalize-now/lovable-i18nFüge das globalize MCP in Lovable hinzu
Öffne in Lovable Connectors, dann Custom MCP, und füge die globalize MCP URL unten hinzu. Authentifiziere dich mit einem API-Schlüssel vom MCP-Tab deines globalize.now Dashboards. Das ermöglicht Lovable, dein Projekt zu erstellen, deine Kataloge zu übersetzen und das Repo für Push-Sync zu verbinden — ohne separaten Dashboard-Schritt.
https://api.globalize.now/mcpFordere Lovable auf, i18n einzurichten
Füge das in den Lovable Chat ein. Der Skill erkennt deinen Stack, installiert Lingui, erstellt PO-Kataloge, umhüllt Strings in Trans-Makros und fügt einen Sprachschalter hinzu; das globalize MCP verbindet dann dein Repo und übersetzt bei jedem Push.
Use the lovable-i18n skill and the globalize MCP to set up i18n and translate my appÜberprüfe und merge in deinen Standard-Branch
Lovable synchronisiert das i18n-Gerüst mit GitHub. Überprüfe das Diff auf Lingui-Konfiguration, PO-Kataloge und Komponenten-Änderungen, dann merge in deinen Standard-Branch.
Baue weiter in Lovable
Bei jedem Push unterscheidet globalize.now neue Strings, übersetzt sie und öffnet eine PR mit aktualisierten PO-Katalogen. Merge die PR. Keine manuelle Extraktion zwischen Releases.
Häufige Probleme
Übersetzungen brechen nach jedem Lovable-Update
Lösung: Jeder Lovable-Prompt kann hartcodierte Strings hinzufügen. Verdrahte Synchronisierung in deinen Git-Push-Zyklus, damit PO-Kataloge aktuell bleiben. globalize.now erfasst neue Literale beim Push und gibt eine Übersetzungs-PR zurück, bevor die Lücke wächst.
Sollte ich Weglot, Lovalingo oder ein anderes Runtime-Widget verwenden?
Lösung: Runtime-Widgets übersetzen nach dem Laden der Seite, was zu einem Flash von Englisch, Layout-Verschiebung und schwächerem SEO führt. Der lovable-i18n-Skill committed PO-Kataloge und Lingui, damit übersetzte Markup aus deinem Repo ausgeliefert wird.
Häufig gestellte Fragen
Was installiert der lovable-i18n-Skill?
Lingui v6 mit PO-Katalogen unter src/locales/[locale]/messages.po, Trans-Makros zur String-Extraktion, einen Sprachumschalter und eine GitHub Action. Der Skill erkennt Vite SPA oder TanStack Start und erstellt das Gerüst für den Stack, den deine Lovable-App verwendet.
Warum nicht Weglot oder Lovalingo für eine Lovable-App?
Runtime-Auto-Übersetzungs-Tools injizieren JavaScript, das Inhalte nach dem Laden übersetzt. Das erzeugt einen Flash von unübersetztem Text, schadet Core Web Vitals und hinterlässt eine englische Seite, die im Browser übersetzt wird. Eingecheckte PO-Kataloge und Pro-Locale-Routing erzeugen stabile, indexierbare Seiten.
Kann ich nach dem Setup weiter in Lovable bauen?
Ja. Füge den Skill einmal pro Workspace hinzu, führe den Setup-Prompt aus, verbinde das Repo mit globalize.now, dann fordere Lovable wie gewohnt auf. Jeder Push löst ein Diff aus, neue Strings werden übersetzt und eine PR landet mit aktualisierten PO-Katalogen.
Wie viele Sprachen unterstützt globalize.now für Lovable-Apps?
50+ Sprachen einschließlich RTL-Locales wie Arabisch und Hebräisch. Wählen Sie Ziele, wenn Sie das Repo verbinden. globalize.now füllt Lücken in Ihren PO-Katalogen bei jedem Push und gibt eine zusammenführbare PR zurück.
Funktioniert das, wenn ich das gleiche Repo in Cursor oder Claude Code entwickle?
Ja. Führen Sie `npx skills add globalize-now/globalize-skills` im verbundenen Repo aus, um das gleiche Skill-Bundle außerhalb von Lovable zu erhalten. Der Lovable-Workspace-Import verwendet den lovable-i18n-Unterpfad; die Open-Skills-CLI installiert das vollständige Bundle für Cursor und Claude Code.
Werden übersetzte Lovable-Seiten in Google angezeigt?
Nur wenn Übersetzungen im bereitgestellten Markup vorhanden sind, nicht nach dem Laden client-seitig injiziert. Lingui mit PO-Katalogen und korrektem Locale-Routing gibt Suchmaschinen crawlbare Seiten pro Sprache. Runtime-Widgets tun das normalerweise nicht.
Erste Schritte mit Lovable i18n
Erstellen Sie ein globalize.now-Konto, um Ihr Repo zu verbinden, oder sehen Sie sich den Skill auf GitHub an:
https://github.com/globalize-now/globalize-skills/tree/main/skills/lovable-i18nErstellen Sie ein globalize.now-Konto →
Prefer a visual, step-by-step walkthrough? Follow the interactive Lovable setup guide →