Lokalisiere deine Lovable-App automatisch
globalize.now fügt echte i18n zu deiner Lovable-App hinzu und hält jede Sprache bei jedem Push synchron. Füge einen Skill in Lovable hinzu, dann landen Übersetzungen als PR.
Der Skill lovable-i18n installiert Lingui v6, PO-Kataloge unter src/locales/[locale]/messages.po, Trans-Makros, einen Sprachumschalter und eine GitHub Action. Er erkennt Vite SPA und TanStack Start Stacks. Nachdem du dein Repo mit globalize.now verbunden hast, öffnet jeder Push einen Translation 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, dann Hinzufügen, dann Aus GitHub importieren. Füge die Skill-URL unten ein und bestätige. Das Hinzufügen eines Skills über Open Skills ist kostenlos und verbraucht keine Credits. Du musst dies nur einmal pro Workspace tun.
https://github.com/globalize-now/globalize-skills/tree/main/skills/lovable-i18nFordere Lovable auf, i18n einzurichten
Füge dies 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.
Set up i18n for my project using the lovable-i18n skillÜ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.
Verbinde das Repo mit globalize.now
Melde dich bei globalize.now an, verbinde das Repository, autorisiere die GitHub-App, wähle dein Lovable-Repo und Standard-Branch und wähle Zielsprachen.
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-i18n