Lovable’i rakenduse õigesti mitmekeelseks muutmine tähendab päris tõlkekataloogide committimist oma hoidlasse ja nende automaatset sünkroonis hoidmist, mitte tõlkevidina UI peale kleepimist. globalize.now on AI-põhine lokaliseerimistaristu, mis ekstraktib teie hardcoded stringid, loob PO-kataloogide põhja ja uuendab neid iga Git push’i järel. Kiirlahendused annavad teile minutitega mitmekeelse demo. Samuti jätavad need teile ajas lahknevad tõlked, laadimisel nihkuva paigutuse ja lehed, mida otsingumootoritel on raske lugeda. Siin on seadistus, mis peab vastu ka kaheteistkümnendale väljalaskele.

Mida tähendab Lovable’i rakenduse puhul tegelikult „õigesti mitmekeelne“?

See tähendab, et teie tõlked asuvad koodibaasis committed kataloogidena, neid serveeritakse esialgses markup’is ja uuendatakse rakenduse muutudes automaatselt.

Igas päriselt mitmekeelses rakenduses on kolm kihti. i18n-runtime’i teek serveerib aktiivse lokaali jaoks õige stringi. Tõlkekataloogid sisaldavad tegelikke tõlkeid. Ja miski peab hoidma need kataloogid kasutajaliidese arenedes ajakohasena. Enamik Lovable’i juhendeid käsitleb esimest kihti ja jätab kolmanda vahele – just see kiht läheb katki.

Lovable on loodud teie UI-d kiiresti muutma. Iga prompt võib lisada, ümber nimetada või ümber struktureerida kasutajale nähtavat teksti. Seega pole küsimus „kuidas rakendus üks kord ära tõlkida“, vaid „kuidas hoida kõik lokaalid täielikud, samal ajal kui ma jätkan promptimist“. Kui teete selle valesti, avaldate segakeelse UI – see on üks kiiremaid viise kaotada mitteingliskeelse turu usaldus.

Miks jäävad tõlkevidinad Lovable’i rakenduste puhul hätta?

Need tõlgivad sisu pärast lehe laadimist, vahetades nähtamatu hooldusprobleemi nähtava jõudluse- ja SEO-probleemi vastu.

Runtime-tõlkijad, nagu Weglot, Lovalingo ja süstitavad tõlkevidinad, on Lovable’i puhul kõige tavalisem esimene lahendus, sest need paigaldatakse minutitega ja locale-faile pole vaja. Hind tuleb hiljem. Kasutaja näeb korraks algkeelt, enne kui tõlge asemele vahetub – see on tõlkimata sisu sähvatus. Vahetus nihutab paigutust ja tekitab Cumulative Layout Shift’i, mida Google mõõdab Core Web Vitalsi osana.

Sügavam probleem on leitavus. Kui tõlgitud tekst eksisteerib alles pärast kliendipoolse JavaScripti käivitumist, on teil tavaliselt üks päris leht ja brauseripoolne tõlge. Lokaalipõhised URL-id on nõrgad või puuduvad, mistõttu teie hispaania- ja saksakeelsed lehed ei reastu nii nagu korralikult lokaliseeritud saidi lehed. Vidin võib olla õige valik sisemise tööriista või ühekordse demo jaoks. Rakenduse puhul, mida soovite teistel turgudel leitavaks teha, on see vale alus.

Kas ühekordne i18n-i seadistus hoiab Lovable’i rakenduse tõlgituna?

Ei. Puhas ekstraktsioon töötab kuni järgmise promptini, seejärel hakkab lahknevus tekkima.

Võite paluda Lovable’il, Cursoril või Claude Code’il korralik i18n-teek ühendada ja kõik stringid tõlkekataloogidesse tõsta. See töötab päriselt selle build’i puhul, mille vastu seda käivitasite. Probleem on selles, et pole loomulikku kontrollpunkti, kus ekstraktsioon oleks „valmis“. Järgmine hinnastuse sektsioon, järgmine tühiolek ja järgmine nupu silt saabuvad uute hardcoded stringidena ning teie kataloogid jäävad vaikselt maha.

Käsitsi alternatiiv – paluda Lovable’il iga muudatuse järel kõik kataloogid uuendada – kõlab distsiplineeritult, kuid praktikas laguneb. Iga stringi tuleb meeles pidada iga keele puhul ja iga prompti järel. Nelja lokaali korral muutub iga UI-muudatus koordineerimisülesandeks. Just see hõõrdumine hävitab kiiruse, mille tõttu Lovable’i üldse kasutama hakkasite.

Kuidas muuta oma Lovable’i rakendus samm-sammult mitmekeelseks?

Enne alustamist: ühendage oma Lovable’i projekt GitHubiga (vestluse sisendi +-menüü, seejärel GitHub ja Connect project), looge globalize.now konto (tasuta registreerumine, 5 € stardikrediiti, kaarti pole vaja) ning veenduge, et olete Lovable’is tööruumi omanik või administraator, et saaksite skilli tööruumi jaoks ühe korra lisada.

Ühendage hoidla, lisage lovable-i18n skill üks kord ja laske sünkroonimisel toimuda iga push’i järel. Siin on kogu töövoog.

  1. Ühendage oma Lovable’i projekt GitHubiga. Kasutage vestluse sisendi +-menüüd, seejärel valige GitHub ja Connect project. Lovable sünkroonib teie projekti päris hoidlaga, mis teeb püsiva i18n-i võimalikuks. Kõik allpool toimuv käib selles hoidlas, mitte mustas kastis.
  2. Lisage lovable-i18n skill oma tööruumi. Lovable toetab taaskasutatavaid skille. Avage oma Lovable’i tööruumis Skills, seejärel Add ja Import from GitHub ning kleepige https://github.com/globalize-now/globalize-skills/tree/main/skills/lovable-i18n. Kinnitage. Seda on vaja teha tööruumi kohta üks kord (vajalik on tööruumi omaniku või administraatori roll). Skilli lisamine on tasuta ega kasuta krediiti. Ehitamine toimub hoopis Cursoris või Claude Code’is? Käivitage ühendatud hoidlas npx skills add globalize-now/globalize-skills.
  3. Paluge Lovable’il seadistus teha. Kleepige Lovable’i vestlusse: Set up i18n for my project using the lovable-i18n skill. Lovable tuvastab teie stack’i (Vite SPA või TanStack Start), esitab ühe küsimuse (lähtekeel, sihtkeeled, kas lokaal on URL-is või mitte, kas lisada GitHub Action) ja vastake vaikeseadete kasutamiseks go. See installib Lingui (@lingui/core, @lingui/react ja Vite plugina), ühendab provider’i, loob iga lokaali jaoks ühe PO-kataloogi asukohta src/locales/{locale}/messages.po, ümbritseb stringid <Trans> makrodega ja lisab keelevalija.
  4. Vaadake üle ja ühendage. Lovable sünkroonib GitHubiga; vaadake muudatused üle ja ühendage need vaikeharuga.
  5. Ühendage hoidla globalize.now-ga. Logige sisse, valige Connect repository, autoriseerige GitHubi rakendus, valige Lovable’i hoidla ja vaikimisi haru ning valige keeled (üle 50, sh RTL-keeled).
  6. Jätkake Lovable’is arendamist. Iga push’i järel avab globalize.now uuendatud PO-kataloogidega tõlke-PR-i. Ühendage see. Teie rakendus avaldatakse tõlgituna. Väljalasete vahel pole teilt midagi muud vaja.

Oluline omadus peitub sammudes kolm kuni kuus: seadistus tehakse üks kord ning edaspidine sünkroonimine ei vaja käsku, dashboard’i ega ülevaatusjärjekorda. Täieliku integratsioonijuhendi leiate Lovable’i integratsioonilehelt.

Millist i18n-teeki peaks Lovable’i rakendus kasutama?

lovable-i18n skill installib Lingui, sest Lovable’i rakendused on Vite SPA-d või TanStack Starti Reacti projektid ning Lingui sobib selle stack’iga.

Skill ühendab @lingui/core, @lingui/react ja Vite plugina, loob PO-kataloogid asukohta src/locales/{locale}/messages.po ning ümbritseb stringid <Trans> makrodega. react-i18next ja next-intl on teiste Reacti ja Next.js-i seadistuste jaoks õiged valikud, kuid skill neid ei installi.

Vältige kohandatud tõlkekonteksti väljamõtlemist või keelte kaardi hardcode’imist. Esimesel päeval tundub see kergem, kolmekümnendal päeval aga on see asi, mille peate välja vahetama. globalize.now arendajate lehel on selgitatud, kuidas ekstraktsioon iga teegiga seostub, nii et te ei pea valima pimesi.

Kuidas hoida tõlked sünkroonis, kui jätkan Lovable’ile promptide andmist?

Viige sünkroonimine oma Git-töövoogu, et seda ei saaks unustada.

Käsitsi tehtav i18n ebaõnnestub, sest see sõltub sellest, kas inimene mäletab kiire arendustsükli ajal üht tüütut ülesannet. Taristu eemaldab inimese sellest ahelast. Kui diff ja tõlkesamm käivituvad iga push’i järel, püütakse Lovable’i promptiga loodud uus string selle push’i käigus kinni, tõlgitakse ja saadetakse PR-ina tagasi enne haru ühendamist. Pole väljalaset, kus PO-kataloogid vaikselt maha jääksid, sest pole käsitsi sammu, mida saaks vahele jätta.

See on seadistuse ja taristu erinevus. Seadistus on seisund, milleni jõuate üks kord. Taristu on omadus, mis püsib, samal ajal kui kõik selle ümber muutub. Rakenduse puhul, mida Lovable’is pidevalt redigeerite, vajate omadust, mitte seisundit. AI-ga ehitatud rakenduste töövoo kohta leiate rohkem infot vibe coder’ite lehelt ning tööriistade võrdlemisel näitab võrdlusjuhend, kus iga lahendus stack’is paikneb.

Lovable’i rakenduse mitmekeelseks muutmine on lihtne alustada, kuid keeruline jätkata. globalize.now hoolitseb jätkamise eest. Lovable’is lisage lovable-i18n skill Open Skillsist: Add, seejärel Import from GitHub, suunates asukohta globalize-now/lovable-i18n. Cursoris või Claude Code’is käivitage npx skills add globalize-now/globalize-skills. Vaadake Lovable’i integratsioonijuhendit või globalize.now-d.

globalize.now muudab rakenduse koodis olevad tekstid tõlkeks valmis lokaale failideks ja hoiab neid ajakohasena, kui sa uusi versioone välja lasid.

Proovi globalize.now tasuta