Lovable buvo patogus naudoti taip, kad tai daugiau priminė natūralų vartotojo darbo eigos pratęsimą, palyginti su dauguma be kodo arba mažai kodo platformų.
Šioje Lovable AI apžvalgoje aš pateiksiu išsamų savo praktinės patirties aprašymą: nuo registracijos, iki programėlės kūrimo ir pritaikymo bei klaidų valdymo testavimo. Galiausiai jūs žinosite, ar Lovable verta vietos jūsų įrankių rinkinyje.
Kas yra Lovable.dev?
Vietoje to, kad mokytumėtės programuoti arba naudotumėte nepatogų vilkimo ir nuleidimo redaktorių, tiesiog aprašote, ko norite, paprasta anglų kalba. Pavyzdžiui, „sukurkite valdymo skydelį su prisijungimais ir mokėjimais,“ ir šis DI programėlių kūrėjas sugeneruoja veikiančią programėlę.
Tai, kas daro Lovable skirtingu nuo daugelio kitų „be kodo“ įrankių, yra tai, kad jis iš tikrųjų generuoja tikrą, redaguojamą kodą. Tai reiškia, kad kūrėjai gali eksportuoti projektą į GitHub, plėsti jį arba integruoti su tokiais servisais kaip Stripe mokėjimams ir Supabase duomenų bazėms.
Kam tinka Lovable.ai?
Lovable AI programėlių kūrimo įrankis yra sukurtas įvairiems žmonėms, kurie nori greitai paversti idėjas veikiančiomis programėlėmis.
Tai geriausiai tinka:
- Netechninis naudotojas: Padeda sukurti programas be kūrėjo samdymo.
- Startup įkūrėjams ir mažoms komandoms: Norint lengvai sukurti ir išbandyti minimalų veikiantį produktą (MVP) neiššvaistant laiko boilerplate kodui.
- Dizaineriams ir produktų vadovams: Paverčia wireframe’us arba maketus veikiančiomis programėlėmis, leidžiant praleisti ilgus derinimus su inžinieriais ir iškart pamatyti savo dizainų įgyvendinimą.
- Patyrusiems kūrėjams: Leidžia automatiškai atlikti parengiamuosius darbus, tokius kaip autentifikacija, duomenų bazės ir CRUD operacijos, kad jie galėtų susitelkti ties individualiomis funkcijomis ir verslo logika, vis tiek išlaikant visišką kontrolę kodų bazėje.
Lovable AI privalumai ir trūkumai
- Lengva registracija ir įvedimas
- Tikro kodo generavimas naudojant React ir Tailwind
- Palaiko TypeScript šiuolaikinei plėtrai
- Gimtoji Supabase backend integracija
- Įdiegta Stripe integracija mokėjimams.
- Kodo redaktorius būna tik skaitomas nemokamame plane
- Klaidų sprendimas ribotas be atnaujinimo
- DI aklai priima prieštaringas instrukcijas
- Vykdymo metu kilusios klaidos gali blokuoti darbą
Pagrindinės Lovable savybės
- Pilnos apimties programų kūrimas su DI
- Tikras, redaguojamas React ir TypeScript kodas
- Tailwind CSS stiliavimui ir išdėstymams
- Supabase integracija duomenų bazei ir autentifikavimui
- Stripe integracija mokėjimams ir atsiskaitymams
- GitHub sinchronizavimas kodo versijų valdymui
- Vizualusis redaktorius detaliems UI pakeitimams
- Dizaino bei funkcijų redagavimas pagal užklausas
- Individualių domenų palaikymas mokamuose planuose
- Bendruomenės projektai perdirbimui ir peržiūrai
- Figma importavimas dizaino konvertavimui į kodą
- Užduočių panaudojimo kreditų sistema
Mano praktinė patirtis su Lovable AI: žingsnis po žingsnio vadovas
Norėjau įsitikinti, koks sklandus (arba nepatogus) yra registracijos procesas, kaip atrodo prietaisų skydelis prisijungus pirmą kartą ir kaip intuityvu buvo pradėti kurti aplikaciją.
Tikra patirtis yra svarbesnė už marketingo pažadus, todėl aš jums tiksliai papasakosiu ką dariau ir kas išsiskyrė.
Pradžia ir registracija
Pradėjau tiesiogiai Lovable.dev pagrindiniame puslapyje, kuriame buvo šiltų spalvų gradientas, pereinantis iš mėlynos į rožinę ir oranžinę.
Registracijos ekranas buvo padalytas į dvi dalis: dešinėje išliko pažįstamas gradientas ir žaisminga įvesties dėžutė, kviečianti „paprašykite Lovable sukurti jūsų SaaS startupą,“ o kairėje – paskyros kūrimo sritis.
Turėjau galimybę tęsti per Google, GitHub arba registruotis el. paštu. Aš pasirinkau el. paštą. Įvedęs savo el. pašto adresą ir susikūręs slaptažodį, sutikau su taisyklėmis ir spustelėjau Sukurti paskyrą.
Lovable neleido man patekti iškart. Vietoj to jis paprašė patvirtinti el. paštą. Užsukau į savo pašto dėžutę, radau patvirtinimo laišką iškart ir paspaudžiau nuorodą. Sistema greitai parodė „El. paštas patvirtintas“ ir nukreipė mane į trumpą susipažinimo eigą.
Čia įvedžiau savo vardą, pasirinkau Tamsųjį režimą ir atsakiau į kelis trumpus klausimus:
- Kam naudosiu Lovable (pasirinkau Asmeniniams projektams),
- Kaip save apibūdinu (pasirinkau Kūrėjas), ir
- Ką statau (pasirinkau Svetainė / Pristatomasis puslapis).
Paskutinis žingsnis klausė, ar norėčiau pakviesti komandos narių, bet kadangi testavau vienas, spustelėjau Baigti.
Patekau į informacijos suvestinę pirmą kartą, ir pastebėjau, kad dizainas buvo švarus ir nuoseklus su pagrindiniu puslapiu. Viršuje didelis įvesties laukas kvietė „Paprašykite Lovable sukurti mano pristatomąjį puslapį…“, o žemiau buvo bendruomenės projektai: nuo valdymo skydelių iki SaaS šablonų, kuriuos galėjau peržiūrėti arba modifikuoti.
Buvo tarsi žengti į darbo erdvę ir parodos galeriją vienu metu, su daugybe įkvėpimo akimirksniu.
Pirmosios mano programėlės kūrimas Lovable.dev
Po registracijos norėjau sužinoti, kaip lengva, intuityvu ir tiesmuka iš tiesų yra kurti programėlę Lovable.
Pagrindinėje Lovable informacijos suvestinėje pirmiausia išsiskyrė didelis įvesties laukas centre su vietos laikikliu: „Paprašykite Lovable sukurti mano pristatomąjį puslapį…“. Būtent čia prasideda visas procesas.
Galite įvesti paprastą idėją, bet aš nusprendžiau padaryti išsamų užklausą, aprašančią programėlės paskirtį, naudotojų vaidmenis, įvedimo srautą, valdymo skydelio rodiklius, klientų ir projektų valdymą, laiko sekimą, sąskaitų faktūrų peržiūrą PDF formatu, Stripe mokėjimus ir klientų portalą.
Įtraukiau net dizaino reikalavimus, tokius kaip profesionali mėlyna pagrindinė spalva, kortelių išdėstymai, skaitoma tipografija ir subtilios animacijos. Galiausiai aiškiai nurodžiau, kad noriu, jog backend funkcionalumą užtikrintų Supabase su autentifikacija, daugiaviečnosti palaikymu, failų saugykla ir transakciniais el. laiškais.
Prieš siųsdamas užklausą atidžiai pažvelgiau į papildomas Lovable siūlomas parinktis, esančias po įvesties lauku:
- + Attach: Leidžia įkelti paveikslėlį kaip nuorodą DI. Tai ypač naudinga, jei jau turite dizaino maketą arba wireframe’ą, kurio norite laikytis.
- Import from Figma option:Ši parinktis leidžia tiesiogiai importuoti profesionalius dizaino failus iš Figma į Lovable vietoj to, kad pradėtumėte nuo nulio.
- Public toggle:Tai lemia matomumą. Jei nustatytas kaip Public, jūsų projektas yra atviras visiems Lovable bendruomenės nariams peržiūrėti ir modifikuoti, panašiai kaip GitHub projektai.
- Workspace (Pro): Projektas matomas tik jūsų Lovable darbo erdvės nariams.
- Personal/Business:Projektas lieka privatus jums, nebent jį eksplicitiai bendrinate.
Tik pažymėjęs visas šias parinktis patvirtinau savo užklausą ir pasiųsiau ją Lovable.
Kai pateikiau užklausą, sąsaja persitvarkė į kūrimo aplinką. Kairėje atsirado pokalbių skydelis, rodantis mano užklausą ir Lovable atsakymus, o dešinėje – drobė su įkrovimo ekranu ir širdies ikona.
Kartu buvo įvairios parinktys, tokios kaip „Pasirinkite konkrečius elementus redagavimui,“ „Įkelti paveikslėlius kaip nuorodą“ ir „Įdiegti, kai būsite pasiruošę“. Dauguma jų buvo neryškūs, bet vienas buvo aktyvus: Prisijungti prie Supabase backend.
Lovable pirmasis atsakymas maloniai nustebino. Jis suskaidė mano užklausą į aiškias dalis, nurodydamas gerai žinomus SaaS įrankius, tokius kaip FreshBooks ir Harvest, ir išvardijo planuojamas funkcijas pirmai versijai: profesionalų pristatomąjį puslapį, daugiaviečius valdymo skydelius, klientų ir projektų valdymą, laiko sekimą, sąskaitų generavimą ir mokėjimų integraciją.
Jis taip pat iškart pažymėjo svarbų reikalavimą; kad atrakintumėte šias backend funkcijas, reikia prijungti projektą prie Supabase. Tai nebuvo apeita – Lovable aiškiai nurodė, kas būtina, ir pateikė nuorodą į integracijos dokumentaciją.
Viršutiniame dešiniajame kampe buvo žalias Connect Supabase mygtukas. Spustelėjęs jį atidariau modalą, paaiškinantį, kas yra Supabase, kodėl jo reikia ir ką suteiks prisijungimas: naudotojų autentifikacija, duomenų bazės valdymas, saugykla ir mokėjimai.
Sekdamas nurodymus, prijungiau savo Supabase organizaciją ir pamačiau patvirtinimą apie sėkmingą integraciją. Lovable patvirtino prisijungimą ir pradėjo kurti programėlę su įjungtu backend palaikymu.
Tuo metu Lovable DI generavo kodą fone. Matei žurnalo žinutes kaip „Reading src/pages/Index.tsx“ ir „Edited src/components/LandingPage.tsx“, patvirtinančias, kad jis dirba su realia projekto struktūra, o ne klijuoja šablonus.
Kai pirmoji versija buvo paruošta, peržiūrėjau rezultatą dešiniajame skydelyje. Programėlė gavo pavadinimą InvoicePro ir atrodė kaip profesionalus SaaS pristatomasis puslapis.
Įtraukta antraštė su navigacijos nuorodomis (Features, Pricing, Contact), mygtukai Sign In ir Start Free Trial, hero sekcija su ryškiu antrašte („Get Paid Faster with Professional Invoicing“) ir poteksė, apibūdinanti, kaip laisvai samdomi specialistai gali sekti laiką, valdyti klientus ir gauti mokėjimus internetu.
Toliau slenkant buvo funkcijų skiltis su šešiais aiškiai suprojektuotais kortelių blokais: laiko sekimas, klientų valdymas, sąskaitos, mokėjimai, ataskaitos ir klientų portalai.
Kainodaros skyrius buvo suskirstytas į tris aiškias pakopas: Starter (9 $/mėn.), Professional (29 $/mėn., pažymėta „Most Popular“) ir Enterprise (79 $/mėn.), kiekvienoje – savi privalumai ir kvietimo veikti mygtukas.
Apačioje buvo dar vienas išskirtinis kvietimas veikti su mygtuku Start Free Trial. Poraštėje – standartinės nuorodos: Features, Pricing, Integrations, Blog, Privacy Policy ir Terms of Service.
Lovable suteikė ne tik blizgantį frontend’ą, bet ir pagrindinį kodą. Perjungus į Code view, pamačiau struktūrizuotą React + TypeScript projektą su Tailwind CSS, Vite ir moderniomis priemonėmis.
Failų struktūroje buvo katalogai komponentams, kabliukams, puslapiams ir konfigūracijos failai, tokie kaip tailwind.config.ts ir vite.config.ts.
- LandingPage.tsx failas talpino kodą hero, funkcijų ir kainų skyriams, su duomenų masyvais, aprašančiais korteles ir pakopas, kurias mačiau peržiūroje.
- index.css rodė Tailwind importus ir pasirinktinius kintamuosius šviesiam ir tamsiam režimams.
- App.tsx rūpinosi maršrutizacija ir kontekstais, o
- package.json nurodė priklausomybes, tokias kaip React, shadcn komponentai ir Tailwind.
Viskas buvo logiškai organizuota ir skaitoma, todėl aš (ar bet kuris kūrėjas) galėčiau pasiimti šį kodą ir tęsti be nieko nepradėję iš naujo.
Vienas svarbus pastebėjimas: pats kodo redaktorius buvo pažymėtas kaip Tik skaitomas. Jei norite redaguoti failus tiesiogiai Lovable sąsajoje, turite pereiti prie mokamo plano. Man vis tiek pakako galimybės išnagrinėti struktūrą ir įvertinti generuoto kodo kokybę, bet tiesioginis redagavimas naršyklėje yra prieinamas tik aukštesniame lygyje.
Per mažiau nei dešimt minučių Lovable.dev virto išsamios užklausos į poliruotą SaaS stiliaus pristatomąjį puslapį su tikru, redaguojamu kodu. Dizainas atitiko mano nurodymus, darbo eiga buvo intuityvi, ir aš galėjau matyti, kas vyksta užkulisiuose. Svarbiausia – jis nepamiršo backend paruošimo.
Kaip jis tvarko klaidas ir lankstumą redaguojant
Nors mane sužavėjo pradinis pristatomasis puslapis, norėjau dar kartą išbandyti Lovable, kaip gerai jis susidoroja su sudėtingomis backend funkcijomis, logikos konfliktais ir netikėtomis klaidomis.
Tai buvo tikrasis testas, ar platforma sugeba ne tik gražiai sugeneruoti front-end’ą, bet ir atlaikyti realaus vystymo košmarus.
Iš esmės tai buvo prieštara. Viena vertus, prašiau aiškių ribų tarp vaidmenų; kita vertus, norėjau, kad viskas neveiktų. Idealus intuityvus kūrėjas turėtų paklausti paaiškinimų.
Lovable to nepadarė.
Vietoj to jis nedelsdamas priėmė užklausą ir išvardijo backend dalis: autentifikacija, vaidmenų ir leidimų lentelės, sesijų valdymas ir apsaugoti API galiniai taškai.
Jis net priminė apie būtinybę naudoti Supabase autentifikacijai ir duomenų taisyklėms. Kadangi aš jau buvau prijungęs Supabase, liepiau tęsti. Lovable ėmėsi naudotojų vaidmenų sistemos generavimo, sukūrė kontekstų, apsaugotų maršrutų ir migracijos failus, bei įdiegė Supabase kliento biblioteką.
Tačiau kai bandė paleisti programėlę, nutiko gedimas. Peržiūros langas pasidarė baltas, o ekrano apačioje atsirado klaidos juosta. Žurnalo pranešimai rodė: „Uncaught Error: Missing Supabase environment variables“ faile supabase.ts.
Iš esmės Lovable sugeneravo kodą, kuriam trūko aplinkos kintamųjų.
Spustelėjus „Show logs“, gavau pilną išmetimą, patvirtinantį, kad programėlė negali veikti be nurodytų kintamųjų. Peržiūra liko tuščia, kaip pranešė žurnalas.
Kad ištaisytų, Lovable pasiūlė dvi parinktis: Dismiss arba Try to fix.
Žinoma, spustelėjau Try to fix. Lovable nedelsdamas analizavo problemą, identifikavo trūkstamus Supabase aplinkos kintamuosius ir sugeneravo reikiamus pakeitimus. Pokalbių skydelis aiškiai paaiškino, kas buvo taisoma, ir peržiūra vėl užsikrovė be klaidų.
Dar įdomiau buvo tai, kaip Lovable elgėsi su mano prieštaringomis instrukcijomis. Uždavinys buvo sukurti aiškias vaidmenų ribas, bet tuo pačiu leisti visiems redaguoti sąskaitas. Lovable tiesiog „sujungė“ abi idėjas.
Jis sukūrė tris vaidmenis (Owner, Member, Client) su atskiromis teisėmis, bet taip pat nurodė, kad „visi naudotojai gali redaguoti sąskaitas ir projektus“, tuo pat metu Owners turint papildomų valdymo teisių. Praktikoje tai sukurs logikos spragas – role-based access control bus daugiau fikcija nei realybė.
Iš šio testo išmokau du pagrindinius dalykus apie Lovable klaidų valdymą ir redagavimo lankstumą:
- Klaidų aptikimas yra stiprus: Lovable greitai pažymėjo trūkstamus Supabase kintamuosius, nurodė tikslų failą ir eilutę bei paaiškino, kas nutiko. Aiškūs žurnalai ir kontekstas reiškia, kad niekada neliekate be atsakymų.
- Jis lankstus, bet neatsargus prieštaravimams: Kai pateikiau konfliktinę užklausą dėl vaidmenų, jis tiesiog bandė sujungti nurodymus vietoje to, kad paprašytų patikslinimų. Tai gali būti naudinga lankstumas, bet kūrėjams reikės patiems stebėti logikos vientisumą.
Dizaino ir išdėstymo pritaikymas
Ką daryti, jei norite pakeisti ką nors programėlėje arba koreguoti dizainą, kad jis labiau atitiktų jūsų produktą?
Lovable suteikia tris pagrindinius pritaikymo būdus: natūralios kalbos užklausas, vizualųjį redaktorių ir tiesioginę prieigą prie kodo.
Kartu šie metodai apima viską nuo bendro dizaino keitimo iki pikselių lygio derinimo.
Natūralios kalbos užklausos plačiam dizaino keitimui
Šis metodas yra prieinamiausias ir, ko gero, Lovable labiausiai skatina. Vietoje to, kad naršytumėte nustatymus, aprašote dizaino idėjas paprasta kalba ir leidžiate DI jas įgyvendinti.
Pavyzdžiui, galite prašyti:
- „Pakeisk temą į tamsųjį režimą su moderniu, futuristiniu stiliumi.“
- „Įgyvendink neo-brutalistinę estetiką su ryškiomis, kontrastingomis spalvomis.“
- „Pakeisk pagrindinę spalvą į tamsiai violetinę, antrinę – į oranžinę, ir naudok Assistant šriftą visoms antraštėms.“
Lovable.dev taip pat leidžia užklausas smulkesniems UI pakeitimams, pavyzdžiui, suapvalinti mygtukus, pridėti šešėlius arba padaryti hero sekciją dinamiškesnę.
Galite net pridėti ekrano kopiją arba eskizą kaip vizualų pavyzdį arba importuoti iš Figma, kad profesionalus dizainas būtų verčiamas į veikiantį kodą.
Vizualusis redaktorius detaliems pakeitimams
Kartais nereikia rašyti naujos užklausos kiekvienam smulkiam pakeitimui. Tiesiog įjunkite redagavimo režimą, užveskite pelę ant bet kurio elemento ir spustelėkite jį.
Pasirinkę elementą galėsite:
- Keisti teksto turinį – atnaujinti antraštę, pataisyti mygtuko tekstą ar formos vietos laikiklį.
- Redaguoti stilių – pakeisti spalvas, dydžius, suapvalinti kampus ar pridėti šešėlį.
- Koreguoti išdėstymą – keisti vietas, intervalus ar išlygiavimą tarp elementų.
Šis požiūris taupo laiką ir kreditus. Užuot aprašinėję smulkmenas tekste, vizualiai patobulinate elementus akimirksniu. Tai puiku, kai jums patinka dauguma generuoto turinio, bet norite jį priderinti prie savo prekės ženklo.
Praktiškai redaktorius jungia DI generavimą ir žmogaus dizaino kontrolę. DI greitai sukuria esminę programėlę, o jūs vizualiai ją išgryninate.
GitHub integracija pilnam kodo valdymui
Išplėstiniams naudotojams Lovable siūlo GitHub sinchronizaciją. Prisijungus galite klonuoti projektą į vietinę aplinką, redaguoti mėgstamoje IDE ir siųsti atgal į GitHub – Lovable įtrauks jūsų pakeitimus į projektą.
Tai leidžia neribotai pritaikyti funkcijas, integruoti trečiųjų šalių bibliotekas ar kurti sudėtingas animacijas, kurių negalima užklausomis ar vizualiuoju redaktoriumi pasiekti.
Perjungus į Code view, matosi tikras projektas – React + TypeScript + Tailwind su aiškia failų struktūra komponentams, puslapiams ir konfigūracijai.
Tai nėra abstrakcija be kodo, o tikras kodas, kurį galite vystyti patys.
Note Kalbant apie pritaikymą su Lovable AI, plačios dizaino permainos užklausomis veikia itin gerai. Įrankis puikiai supranta natūralią kalbą aprašant aukšto lygio dizaino reikalavimus.
Programėlės publikavimas ir integracijos
Baigęs pritaikyti programėlę norėjau išbandyti, kaip Lovable tvarko publikavimą ir integracijas.
Lovable gimtoji Supabase integracija yra pagrindinė backend dalis. Supabase suteikia PostgreSQL duomenų bazę, autentifikaciją, failų saugyklą ir serverless funkcijas. Prisijungus Lovable automatiškai sukuria duomenų schemas, lenteles organizacijoms ir naudotojams, ir scaffoldina autentifikacijos srautus, tokius kaip el. pašto/slaptažodžio prisijungimai ir Google OAuth.
Mano sesijoje Lovable reikalavo prijungti Supabase prieš pridedant daugiaviečių aplinkos ar vaidmenų administravimo funkcijas. Po Supabase integracijos DI ėmėsi migracijos failų, autentifikacijos kontekstų ir įrankių generavimo.
Gimtoji Stripe parama taip pat disponuojama. Lovable saugiai saugo API raktus ir gali generuoti backend funkcijas prenumeratoms, vienkartiniams pirkimams ir atsiskaitymo įvykiams valdyti.
Pavyzdžiui, galite prašyti „Sukurti tris prenumeratos pakopas naudojant Stripe“ arba „Pridėti 29 $ vienkartinę apmokėjimo galimybę skaitmeniniam kursui“, ir DI sukonfigūruos mokėjimų srautą bei sinchronizuos prenumeratos duomenis su Supabase.
Be patvirtintų partnerių Lovable palaiko naudotojų parašytas API jungtis per Supabase Edge Functions. Apibūdinę norimą API, DI sugeneruoja serverless funkciją, tvarko raktus ir ją diegia. Tai leidžia plėsti programėlę toli už numatytų galimybių ribų.
Kalbant apie publikavimą, viskas veikia vieno mygtuko spustelėjimu. Paspaudus Publish projektas akimirksniu iškeliamas į gyvą pogalio domeną (pvz., jūsųprojektas.lovable.app).
Kiekvieną pakeitimą galima publikuoti pakartotinai vienu spustelėjimu, todėl prototipai dalijasi itin greitai.
Darbo eiga papildyta versijų valdymu. Galite sugrįžti į ankstesnes versijas, stebėti pakeitimus laike ir išvengti pažangos praradimo eksperimentuojant su naujomis funkcijomis.
Realiems projektams Lovable siūlo individualių domenų palaikymą, automatiškai tvarkydamas DNS ir SSL sertifikatus per savo prieglobos partnerius. Galite prijungti esamą domeną arba įsigyti naują tiesiai per sąsają.
Kūrėjai, norintys daugiau kontrolės, gali sinchronizuoti projektą su GitHub ir diegti per Vercel ar Netlify. Tokiu atveju visi pakeitimai iš Lovable commit’inami į repozitoriją ir automatiškai iškel iami.
Bendra nuomonė: Lovable daro publikavimą ir integracijas atsipalaidavusiu paprastumu. Supabase ir Stripe integracijos sklandžiai veikia, vieno mygtuko diegimas – be priekaištų, o patikrintų integracijų ratas platus. Generuota architektūra atrodo gamybai tinkama, o ne vien prototipui.
Lovable kainodara ir planai
Lovable planai remiasi kreditais, kurie veikia kaip žetonai DI naudojimui. Kiekvienas veiksmas (nuo pristatomojo puslapio kūrimo iki autentifikacijos pridėjimo) sunaudoja kreditus pagal sudėtingumą.
Nemokamas planas leidžia be rizikos išbandyti Lovable:
- Maža dienos kreditų dozė su mėnesiniu limitu
- Galimybė kurti tik viešus projektus
- Neribotas bendradarbiais prie viešų projektų
Tai puikus būdas eksperimentuoti ir susipažinti su platforma. Tačiau pasiekus mėnesio ribą nebegalėsite tęsti tol, kol kreditai nebus atnaujinti. Nemokami naudotojai taip pat neturi privataus projekto, individualių domenų ar pažangių komandos funkcijų.
Lovable Website Builder planai
| Plano pavadinimas | Disko talpa | Juostos plotis | Kaina | |
|---|---|---|---|---|
| Pro | Neribota | Neribota | 21.56 € | Detalės |
| Business | Neribota | Neribota | 43.11 € | Detalės |
Mokami planai plečia ribas ir atrakina pagrindines funkcijas rimtiems projektams. Jie apima:
- Daugiau kreditų mėnesiui (su dienos atnaujinimais)
- Privatūs projektai, nematomi bendruomenei
- Naudotojų vaidmenys ir teisės komandos valdymui
- Individualūs domenai jūsų aplikacijai
- Lovable ženklo pašalinimas profesionaliam įvaizdžiui
- Kreditų perkėlimas, kad neišnaudoti kreditai nesudegtų
- Pažangios valdymo galimybės (aukštesniuose lygiuose), tokios kaip SSO, asmeninės erdvės, dizaino šablonai ir galimybė neįtraukti duomenų mokymui
- Enterprise sprendimai su individualiomis integracijomis, grupine prieigos kontrole ir skirta pagalba
Kreditai skaičiuojami pagal užduoties sudėtingumą. Maži UI pakeitimai gali atsieiti mažiau nei vieną kreditą, o viso pristatomojo puslapio sugeneravimas – kelis kreditus. Tai daro naudojimą numatomą: paprasti pakeitimai pigūs, dideli – brangesni.
Dėl grąžinimų Lovable neteikia tradicinės grąžinimo politikos. Vietoj to jus galite bet kada atšaukti arba pereiti prie žemesnio plano, o mokėjimai koreguosis nuo kito ciklo. Tai reiškia, kad rizika išbandyti mokamą planą yra nedidelė – jei tinkamumo nebus, jums nieko neteks.
Lovable priima standartinius kortelių atsiskaitymus (Visa, Mastercard ir kitas pagrindines). Taip pat siūlo studentų nuolaidą, jei registruojatės su galiojančiu akademiniu el. pašto adresu, todėl tai prieinčiau besimokantiesiems ir ankstyvojo etapo kūrėjams.
Alternatyvos Lovable.dev
Nors Lovable išsiskiria pokalbių interfeisu ir užklausomis pagrįstu programėlių kūrimu, tai nėra vienintelė tokio tipo galimybė.
Reikšminga alternatyva – Bolt.new. Bolt.new jungia DI su naršyklės IDE, suteikiant galimybę realiu laiku redaguoti kodą ir kartu gauti DI generacijas.
Lovable.dev vs Bolt.new apžvalga
| Funkcija | Lovable | Bolt.new |
|---|---|---|
| DI akcentas | Pokalbiu pagrįstas pilno stack generavimas | Užklausų konvertavimas į kodą naršyklės IDE |
| Vartotojas | Netechniniai naudotojai, įkūrėjai, dizaineriai ir kūrėjai, siekiantys greito prototipų kūrimo | Kūrėjai ir techniniai naudotojai, norintys pilnos kontrolės |
| Kodo prieiga | Tik GitHub eksportas, be integruoto redaktoriaus | Pilna naršyklės IDE su tiesiogine redagavimo galimybe |
| Backend | Supabase integracija autentifikacijai ir duomenų bazei | Node.js aplinka, integruojasi su Supabase ir Prisma |
| Frontend | React + Tailwind CSS | Next.js, Vue, Svelte, Astro, Expo ir kt. |
| Diegimas | Vienu spustelėjimu į lovable.app potinklį; GitHub sinchronizavimas kitoms talpinimo paslaugoms | Gyvos peržiūros ir vieno spustelėjimo Netlify diegimai |
| Kainodara | Pranešimų pagrindu veikianti kreditų sistema | Naudojimo pagrindu veikiantis tokenų modelis |
| Bendradarbiavimas | Neribotas bendradarbiautojų skaičius; beta realaus laiko bendradarbiavimas | Bendrintinos nuorodos ir GitHub darbo eiga, be realaus laiko kolaboracijos |
Lovable.dev vs Bolt.new: kuris jūsų pasirinkimas?
Lovable AI yra geresnis pasirinkimas, jei esate netechninis įkūrėjas, dizaineris ar komanda, siekiantis paprastumo ir greičio. Jo pokalbių interfeisas leidžia lengvai aprašyti jūsų poreikius ir gauti veikiančią MVP be programavimo.
Bolt.new labiau tinka kūrėjams ir techniniams įkūrėjams, norintiems tiesioginės kontrolės kodo bazėje. Su naršyklės IDE galite iš karto peržiūrėti, redaguoti ir plėsti generuotą kodą. Jis palaiko platų karkasų spektrą ir puikiai tinka projektams, reikalaujantiems individualios logikos, specifinių technologijų ar itin smulkios kontrolės. Jei norite DI pagalbos, bet vis tiek mėgstate „vibe-code’inimą“, Bolt.new suteiks daugiau galimybių.
Galutinė išvada apie Lovable.dev
Lovable puikiai tinka netechniniams įkūrėjams, dizaineriams ir mažoms komandoms, norinčioms greitai paversti idėjas veikiamais prototipais. Pokalbių interfeisas daro kūrimą prieinamą, o galimybė generuoti viso stack kodo pavyzdžius su Supabase ir Stripe integracijomis – įspūdinga.
Nors įrankis toli gražu neidealus, nemokamo plano apribojimai ir trūkstamas tiesioginis redagavimas pažengusiems naudotojams yra kliūtis. Tačiau jei siekiate sukurti projektą per kelias savaites, o ne mėnesius, Lovable yra vertas išbandyti.
