Lovable bija pieejams tādā veidā, kas vairāk šķita kā dabiskas lietotāja darba plūsmas paplašinājums, salīdzinot ar lielāko daļu bezkoda vai zema koda platformu.
Šajā Lovable AI pārskatā es iepazīstināšu ar visu savu praktisko pieredzi; sākot no reģistrēšanās, lietotnes izveides un pielāgošanas līdz testēšanai, kā tā rīkojas ar kļūdām. Galu galā jūs zināsiet, vai Lovable pelnījis vietu jūsu rīku komplektā.
Kas ir Lovable.dev?
Tā vietā, lai mācītos programmēt vai izmantotu neveiklu vilkšanas un nomešanas redaktoru, jūs vienkārši aprakstāt, ko vēlaties, vienkāršā angļu valodā. Piemēram, “izveidot informācijas paneli ar lietotāju pieslēgšanās iespējām un maksājumiem”, un šis AI lietotņu veidotājs ģenerē jums funkcionējošu lietotni.
Tas, kas padara Lovable atšķirīgu no daudzām citām “bezkoda” rīkkopām, ir tas, ka tas patiešām rada reālu, rediģējamu kodu. Tas nozīmē, ka izstrādātāji var eksportēt projektu uz GitHub, paplašināt to vai integrēt ar tādiem pakalpojumiem kā Stripe maksājumiem un Supabase datubāzēm.
Kam paredzēts Lovable.ai?
Lovable AI lietotņu veidotājs ir izveidots dažādu cilvēku grupai, kas vēlas ātri pārvērst idejas funkcionālās lietotnēs.
Īpaši piemērots:
- Netehniskajiem lietotājiem: palīdz izveidot lietotnes, nenododot pasūtījumu izstrādātājam.
- Starta uzņēmumu dibinātājiem un mazām komandām: atvieglo minimālā dzīvotspējīgā produkta (MVP) izveidi un testēšanu, netērējot laiku uz boilerplate koda.
- Dizaineriem un produktu vadītājiem: pārvērš vadu rāmjus vai maketus par funkcionālām lietotnēm, ļaujot izlaist garas diskusijas ar inženieriem un uzreiz redzēt, kā jūsu dizaini kļūst par realitāti.
- Pieredzējušiem izstrādātājiem: lai automatizētu iestatīšanas uzdevumus, piemēram, autentifikāciju, datubāzes un CRUD, ļaujot koncentrēties uz pielāgotām funkcijām un biznesa loģiku, vienlaikus saglabājot pilnīgu kontroli pār kodu bāzi.
Lovable AI plusi un mīnusi
- Vienkārša reģistrācija un iepazīšanās process
- Reāla koda ģenerēšana, izmantojot React un Tailwind
- Atbalsta TypeScript mūsdienīgai izstrādei
- Dzimtā integrācija ar Supabase serveri
- Iebūvēta Stripe integrācija maksājumiem.
- Koda redaktors ir tikai lasāms bezmaksas plānā
- Kļūdu novēršana ir ierobežota bez jaunināšanas
- AI akli pieņem pretrunīgus norādījumus
- Izpildes laikā radītās kļūdas var bloķēt progresu
Lovable galvenās funkcijas
- Pilna kaudzes lietotņu ģenerēšana, izmantojot AI
- Reāls rediģējams React un TypeScript kods
- Tailwind CSS stiliem un izkārtojumiem
- Supabase integrācija datubāzei un autentifikācijai
- Stripe integrācija maksājumiem un rēķinu izrakstīšanai
- GitHub sinhronizācija koda versiju kontrolei
- Vizuālais redaktors smalkām UI izmaiņām
- Dizaina un funkciju rediģēšana, balstoties uz uzvednēm
- Pielāgotu domēnu atbalsts maksas plānos
- Kopienas projekti pārredzēšanai un pārveidošanai
- Figma importēšana, lai pārvērstu dizainu kodā
- Kredītbalstīta sistēma uzdevumu izmantošanai
Mana praktiskā pieredze ar Lovable AI: soli pa solim ceļvedis
Es vēlējos pašam pārliecināties, cik gluda (vai neveikla) ir reģistrācijas procesa gaita, kā izskatās informācijas panelis, kad pirmo reizi pieslēdzos, un cik intuitīvi tas šķita pirms jebkas izveides.
Reāla pieredze ir svarīgāka par mārketinga apgalvojumiem, tāpēc es jums soli pa solim parādīšu ko es darīju un kas izcēlās.
Sāknēšana un reģistrēšanās
Es sāku tieši Lovable.dev sākumlapā, kurai bija silts gradienta fons, kas pārgāja no zilas uz rozā un oranžu.
Reģistrācijas ekrāns bija sadalīts divās daļās: labajā pusē saglabājās ierastais gradients un rotaļīga ievades rūtiņa, kurā bija rakstīts “Ask Lovable to build your SaaS startup,” savukārt kreisā puse bija vērsta uz konta izveidi.
Man bija iespēja turpināt ar Google, GitHub vai reģistrēties ar e-pastu. Es izvēlējos e-pastu. Ierakstot savu e-pasta adresi un iestatot paroli, es piekritu noteikumiem un noklikšķināju Create your account.
Lovable ļāva man ienākt ne tūlīt pat. Tā vietā tas lūdza verificēt manu e-pastu. Es pārgāju uz savu pasta cilni, uzreiz atradu verifikācijas e-pastu un noklikšķināju uz saites. Sistēma apstiprināja manu e-pastu ar īsu “Email verified” paziņojumu un novirzīja mani īsā iepazīšanās procesā.
Šeit es ievadīju savu vārdu, izvēlējos Tumšo režīmu un atbildēju uz dažiem ātrajiem jautājumiem;
- Kam es lietošu Lovable (es izvēlējos Personal Projects),
- Kā es sevi raksturoju (es izvēlējos Developer), un
- Ko es veidoju (es izvēlējos Website / Landing Page).
Pēdējais solis jautāja, vai vēlos uzaicināt komandas biedrus, bet, tā kā es testēju solo, noklikšķināju Finish.
Ienākot informācijas panelī pirmo reizi, es pamanīju, ka dizains šķiet tīrs un saskanīgs ar sākumlapu. Lielā ievades rūtiņa augšā aicināja “Ask Lovable to create a landing page for my…”, kamēr kopienas projekti aizpildīja lapu zemāk – viss, sākot no informācijas paneļiem līdz SaaS veidnēm, kuras varēju priekšskatīt vai pārveidot.
Tas šķita it kā ieiet gan darba vidē, gan izstāžu galerijā, ar daudz iedvesmas tieši man priekšā.
Manas pirmās lietotnes izveide Lovable.dev
Pēc reģistrēšanās es vēlējos redzēt, cik viegli, intuitīvi un vienkārši patiesībā ir izveidot lietotni, izmantojot Lovable.
Galvenajā Lovable informācijas panelī vispirms izcēlās liela ievades lauks vidū ar viettura tekstu: “Ask Lovable to create a landing page for my…”.
Jūs varat ierakstīt vienkāršu ideju, bet es nolēmu doties pilnā režīmā ar detalizētu uzvedni, kas aprakstīja lietotnes mērķi, lietotāju lomas, iepazīšanās plūsmu, informācijas paneļa KPI, klientu un projektu pārvaldību, laika uzskaiti, rēķinu izrakstīšanu ar PDF priekšskatījumiem, Stripe maksājumiem un klientu portālu.
Es pat iekļāvu dizaina prasības, piemēram, profesionālu zilu primāro krāsu, izkārtojumus uz kartītēm, salasāmu tipogrāfiju un smalkas animācijas. Visbeidzot, es skaidri norādīju, ka vēlos servera puses funkcionalitāti, ko nodrošina Supabase, ar autentifikāciju, daudzdomeņu atbalstu, failu glabāšanu un transakciju e-pastiem.
Kad biju pabeidzis ierakstīt detalizēto uzvedni, es uz brīdi apstājos pirms iesniegšanas, lai rūpīgi apskatītu papildu iespējas, ko Lovable piedāvāja. Tieši zem ievades lauka atradās daži interesanti pogas.
- + Attach: ļauj augšupielādēt attēlu kā atsauci AI. Tas var būt īpaši noderīgi, ja jums jau ir dizaina makets vai vadu rāmis, kuru vēlaties, lai sistēma ņem vērā.
- Import from Figma option: šķita kā iespēja tieši importēt profesionālus dizaina failus Lovable, nevis sākt no nulles.
- Public toggle: kontrolē redzamību. Ja iestatīts uz Public, jūsu projekts ir atvērts ikvienam Lovable kopienas dalībniekam skatīšanai un pārveidošanai, līdzīgi kā izstrādātāji strādā ar projektiem GitHub.
- Workspace (Pro): tas nozīmē, ka lietotne būs redzama tikai jūsu Lovable darba telpas dalībniekiem.
- Personal/Business: tas saglabā projektu privātu jums, ja vien to īpaši nepadalāt.
Tik pēc visu šo iespēju apskates es turpināju un iesniedzu savu pirmo lielo uzvedni, lai redzētu, ko Lovable izveidos.
Kad es iesniedzu uzvedni, saskarne pārvērtās būvēšanas vidi. Kreisajā pusē atvērās čata panelis, kurā bija redzams mans pieprasījums un Lovable atbildes, savukārt labajā pusē tika attēlots ielādes ekrāns ar sirds ikonu.
Kopā ar to bija dažādas iespējas, piemēram, “Select specific elements to modify,” “Upload images as a reference,” un “Deploy when you’re ready.” Lielākā daļa bija atspējotas, bet viena bija aktīva: Connect Supabase for backend.
Lovable pirmā atbilde mani iepriecināja. Tā sadalīja manu uzvedni skaidrās sadaļās, atsaucoties uz labi zināmiem SaaS rīkiem, piemēram, FreshBooks un Harvest, un uzskaitīja pirmajai versijai plānotās funkcijas: profesionālu mērķlapu, daudzdomeņu informācijas paneli, klientu un projektu pārvaldību, laika uzskaiti, rēķinu ģenerēšanu un maksājumu integrāciju.
Tā arī uzreiz norādīja uz svarīgu prasību; lai atbloķētu šīs servera puses funkcijas, man bija jāsavieno mans projekts ar Supabase. Tas netika atstāts novārtā vai ignorēts; Lovable skaidri paziņoja, kas nepieciešams, un tieši norādīja uz integrācijas dokumentāciju.
Saskarnes augšējā labajā stūrī bija zaļa pogta Connect Supabase. Noklikšķinot uz tās, atvērās modālais logs, kas skaidroja, kas ir Supabase, kāpēc tas ir nepieciešams un ko tā savienošana ļaus: lietotāju autentifikāciju, datubāzes pārvaldību, glabāšanu un maksājumus.
Es sekoju norādījumiem, savienoju savu Supabase organizāciju un redzēju apstiprinājuma ziņojumu, kurā bija pateikts, ka integrācija ir veiksmīga. Pēc tam Lovable apstiprināja savienojumu un sāka izveidot lietotni ar ieslēgtu servera puses atbalstu.
Tad Lovable AI fonā ģenerēja kodu. Es redzēju žurnāla ziņojumus, piemēram, “Reading src/pages/Index.tsx” un “Edited src/components/LandingPage.tsx,” kas apliecināja, ka tas aktīvi strādā ar reālu projekta struktūru, nevis tikai salīmē veidnes.
Kad pirmā versija bija gatava, es priekšskatīju rezultātu labajā panelī. Lietotnei tika piešķirts nosaukums InvoicePro, un tā izskatījās kā kvalitatīvi izstrādāta SaaS mērķlapa.
Tā ietvēra galveni ar navigācijas saitēm (Features, Pricing, Contact), pogas Sign In un Start Free Trial, iespaidīgu sadaļu ar izcelto virsrakstu (“Get Paid Faster with Professional Invoicing”) un apakšā esošo tekstu, kas aprakstīja, kā frīlanceri var uzraudzīt laiku, pārvaldīt klientus un saņemt maksājumus tiešsaistē.
Tālāk ritinot parādījās funkciju sadaļa ar sešām tīri izstrādātām kartītēm laika uzskaites, klientu pārvaldības, rēķinu, maksājumu, pārskatu un klientu portālu funkcijām.
Maksu sadaļa bija strukturēta trīs skaidros līmeņos: Starter (9 USD/mēn.), Professional (29 USD/mēn., iezīmēts kā “Most Popular”) un Enterprise (79 USD/mēn.), katram ar savām funkcijām un aicinājuma pogu.
Apakšā bija atsevišķa aicinājuma sadaļa, kas pastiprināja ziņojumu ar vēl vienu Start Free Trial pogu. Kājenē bija iekļautas standarta saites, piemēram, Features, Pricing, Integrations, Blog, Privacy Policy un Terms of Service.
Lovable ne tikai deva man spīdīgu priekšpusi. Tas sniedza bāzes kodu. Pārejot uz Code skatu, es redzēju strukturētu React + TypeScript projektu ar Tailwind CSS, Vite un mūsdienīgu rīkkopu.
Failu koks ietvēra mapes komponentēm, ‘hooks’, lapām un konfigurācijas failus, piemēram, tailwind.config.ts un vite.config.ts.
- The LandingPage.tsx fails saturēja kodu varoņa, funkciju un maksājumu sadaļām, ar datu masīviem, kas definēja kartītes un līmeņus, ko redzēju priekšskatījumā.
- index.css parādīja Tailwind importus un pielāgotas mainīgās gaismajam un tumšajam režīmam.
- App.tsx pārvaldīja maršrutēšanu un pakalpojumu sniedzējus, kamēr
- package.json uzskaitīja atkarības, piemēram, React, shadcn komponentes un Tailwind.
Viss bija loģiski organizēts un salasāms, kas nozīmē, ka es (vai jebkurš izstrādātājs) varētu šo kodu paņemt un paplašināt, neatsākot visu no nulles.
Viena lieta, ko vērts pieminēt šeit: pašu koda redaktoru bija atzīmēts kā Read Only. Ja jūs tiešām vēlaties rediģēt failus tieši Lovable interfeisā, jums jājaunina uz maksas plānu. Manā gadījumā es joprojām varēju izpētīt visu struktūru un pārbaudīt ģenerētā koda kvalitāti, bet tieša rediģēšana pārlūkprogrammā ir pieejama tikai viņu premium līmenī.
Ne vairāk kā desmit minūšu laikā Lovable.dev pārvērta manu detalizēto uzvedni kvalitatīvā SaaS stilā izstrādātā mērķlapā ar reālu, rediģējamu kodu. Dizains saskanēja ar maniem norādījumiem, darba plūsma šķita intuitīva, un es varēju redzēt, kas notiek aizkulisēs. Vissvarīgākais – tas neignorēja servera puses iestatījumus.
Kā tas tver kļūdas un elastība rediģējumos
Pēc sākotnējā mērķlapas rezultāta mani pārsteidza, un es vēlējos Lovable paplašināt un pārbaudīt, cik labi tas tiek galā ar sarežģītām servera puses funkcijām, loģiskām pretrunām un negaidītām kļūdām.
Šis bija īstais pārbaudījums tam, vai platforma ir vienkārši laba, radot skaistas priekšpuses, vai arī tā spēj izturēt sarežģītās lietotņu izstrādes realitātes.
Būtībā tas bija pretrunīgs pieprasījums. No vienas puses es vēlējos skaidras robežas starp lietotāju lomām; no otras – lai visi lietotāji varētu apiet šīs robežas. Ideālā gadījumā inteliģentam veidotājam vajadzēja norādīt uz šo konfliktu un lūgt precizējumu.
Lovable to nedarīja.
Vietā tam tas nekavējoties pieņēma pieprasījumu un uzskaitīja servera puses komponentes, kuras būtu jāģenerē: autentifikāciju, lomu un atļauju tabulas, sesiju pārvaldību un aizsargātos API galapunktus.
Tas pat atkārtoja iepriekšējo prasību izmantot Supabase autentifikācijai un datu politikām, atgādinot man savienoties, ja vēl nebiju to izdarījis. Tā kā biju Supabase saistījis, es teicu Lovable turpināt. Tas sāka uzbūvēt lomu balstītu piekļuves sistēmu, izveidojot failus autentifikācijas kontekstiem, iepazīšanās plūsmai, aizsargātajiem maršrutiem un migrācijām. Tas arī instalēja Supabase klienta bibliotēku.
Bet, kad tas mēģināja palaist lietotni, viss gāja greizi. Priekšskatījuma logs kļuva tukšs, un ekrāna apakšējā labajā stūrī parādījās kļūdu josla. Žurnāli skaidri to atklāja: “Uncaught Error: Missing Supabase environment variables” supabase.ts failā.
Faktiski Lovable bija ģenerējis kodu, kas prasīja konfigurācijas atslēgas, kuras es vēl nebiju norādījis.
Noklikšķinot uz “Show logs”, es redzēju pilno izsekošanu, kas apstiprināja, ka lietotne nevar renderēt bez trūkstošajām mainīgajām. Priekšskatīšana palika balta ekrāna veidā, kas saskan ar kļūdu žurnāla piezīmi par “blank screen”.
Lai to labotu, Lovable piedāvāja divas iespējas: Dismiss vai Try to fix.
Protams, es noklikšķināju Try to fix. Lovable nekavējoties analizēja problēmu, precīzi norādīja, ka lietotnei trūkst nepieciešamās Supabase vides mainīgās, un ģenerēja nepieciešamās izmaiņas, lai to atrisinātu.
Čata panelis soli pa solim paskaidroja, kas tika labots, un priekšskatījums varēja atkārtoti ielādēties bez avārijas.
Šo testu padarīja vēl atklājošāku tas, kā Lovable interpretēja manus pretrunīgos norādījumus. Tā vietā, lai tos noraidītu vai prasītu precizējumu, tas mēģināja apvienot abas idejas.
Tas izveidoja trīs lomas (Owner, Member, Client) ar atsevišķām atļaujām, bet pēc tam pievienoja, ka “visi lietotāji var rediģēt rēķinus un projektus”, kamēr Owner loma saglabā papildu pārvaldības tiesības. Praktiski tas radītu loģiskas nepilnības reālajā lietotnē — būtībā atceļot lomu balstītu piekļuves kontroli, ko biju pieprasījis.
Recenzentiem un izstrādātājiem tas ir gan iespaidīgi (jo tas tomēr veido risinājumu), gan satraucoši (jo tas var radīt drošības vai loģikas problēmas ražošanas vidē).
No šī testa es guvu divus galvenos secinājumus par Lovable kļūdu pārvaldību un elastību rediģējot:
- Kļūdu noteikšana ir spēcīga: Lovable ātri atklāja trūkstošās Supabase mainīgās, parādīja precīzu failu un rindu, un paskaidroja, kas nogāja greizi. Skaidrie žurnāli un konteksts nozīmē, ka jums nekad nevajag minēt.
- Tas ir elastīgs, bet nepiesardzīgs attiecībā uz pretrunām: Kad es sniedzu pretrunīgus norādījumus par lomām, tas tos vienkārši apvienoja, nevis lūdza precizējumu. Tas var būt noderīgas elastības piemērs, taču izstrādātājiem būs jāpievērš uzmanība loģikas konfliktiem.
Dizaina un izkārtojuma pielāgošana
Ko tad, ja vēlaties kaut ko mainīt savā lietotnē vai pielāgot dizainu, lai tas vairāk līdzinātos jūsu produktam? Lovable pielāgošana balstās uz trim galvenajām pieejām: dabiskās valodas uzvednēm, vizuālo redaktoru un tiešu kontroles iespēju kodā. Kopā šīs metodes aptver visu, sākot no plašām dizaina pārveidēm līdz pikseļprecīzām uzlabošanām.
AI uzvedņu izmantošana plašām dizaina izmaiņām
Šī ir pieejamākā metode un, iespējams, tā, ko Lovable visvairāk popularizē. Vietā, lai ķertos pie iestatījumiem, jūs aprakstāt savas dizaina idejas vienkāršā angļu valodā un ļaujat AI tās īstenot.
Piemēram, jūs varētu lūgt:- “Nomainiet tēmu uz tumšo režīmu ar modernu, futūristisku stilu.”
- “Ķerieties pie neo-brutālistiskā estētika ar drosmīgām, augsta kontrasta krāsām.”
- “Mainiet primāro krāsu uz tumši violeto, sekundāro uz oranžo un izmantojiet Assistant fontu visiem virsrakstiem.”
Lovable.dev ļauj arī uzvednes mazākiem UI uzlabojumiem, piemēram, apaļot pogas, pievienot ēnas vai padarīt varoņa sadaļu vizuāli dinamiskāku. Jūs pat varat pievienot ekrānuzņēmumu vai skici kā vizuālu vadlīniju vai importēt no Figma, lai profesionālus dizainus tieši pārvērstu funkcionālā kodā.
Vizuālā redaktora izmantošana smalkām pielāgošanām
Ne katra izmaiņa, ko vēlaties veikt lietotnē, prasa jaunas uzvednes rakstīšanu. Dažkārt pietiek ar pogas nedaudz pārbīdīšanu, krāsas maiņu vai atstarpes pielāgošanu kādā sadaļā. Tieši šeit noder Lovable vizuālais redaktors.
Redaktors darbojas līdzīgi kā dizaina rīks, piemēram, Figma. Jūs varat pārslēgties uz rediģēšanas režīmu, uzvest kursoru virs jebkura elementa lapā un noklikšķināt tieši uz tā.
Izvēloties elementu, jūs varat mainīt tā īpašības, neizmainot kodu. Piemēram, jūs varat:
- Mainīt teksta saturu — atjaunināt virsrakstu, pārrakstīt pogas marķējumu vai pielāgot viettura tekstu formā.
- Mainīt stilu — mainīt krāsas, mainīt fonta izmēru, apaļot pogu stūrus vai pievienot ēnas.
- Pielāgot izkārtojumu — mainīt apmales, atstarpes, izlīdzinājumu vai attālumu starp elementiem.
Šī pieeja ietaupa gan laiku, gan kredītus. Tā vietā, lai tekstā aprakstītu mazus labojumus, vizuāli varat uzreiz veikt izmaiņas. Tas ir ideāli, ja jums patīk lielākā daļa rezultāta, bet vēlaties smalki pārlabot detaļas, kas atbilst jūsu zīmolam.
Praksē redaktors saliedē AI vadīto ģenerēšanu un manuālo dizaina kontroli. AI var ātri radīt lielāko daļu lietotnes, bet jūs varat vizuāli veikt pēdējos pieskārienus, lai uzlabotu rezultātu.
Integrācija ar GitHub pilnīgai koda pielāgošanai
Pieredzējušiem lietotājiem Lovable piedāvā GitHub integrāciju. Kad savienojums ir izveidots, varat sinhronizēt projektu, klonēt to lokāli, veikt izmaiņas izvēlētajā izstrādes vidē un nosūtīt atjauninājumus atpakaļ uz GitHub — Lovable tos automātiski sinhronizēs projektā.
Kad es pārslēdzos uz Code skatu, es varēju precīzi redzēt, kā ir strukturēts Lovable ģenerētais projekts. Tas radīja mūsdienīgu React + TypeScript + Tailwind vidi ar loģisku failu koku komponentēm, lapām un konfigurācijām. Šis ir reāls kods, nevis vienkārši bezkoda abstrakcija.
Note Runājot par pielāgošanu ar Lovable AI, es teiktu, ka plašas dizaina izmaiņas, izmantojot uzvednes, darbojās ļoti labi. Rīks skaidri saprot dabisko valodu, aprakstot augsta līmeņa dizaina sistēmas.
Lietotnes publicēšana un integrāciju pievienošana
Pēc lietotnes pielāgošanas es vēlējos redzēt, kā Lovable tver publicēšanu un integrācijas. Tas nozīmēja pārbaudīt, cik viegli ir savienot servera puses pakalpojumus, publicēt projektu tīmeklī un pārvaldīt mitināšanu vai pielāgotus domēnus.
Lovable dzimtā Supabase integrācija ir centrāla tā servera puses stāstam. Supabase nodrošina PostgreSQL datubāzi, autentifikāciju, failu glabāšanu un serverless funkcijas. Kad savienojums ir izveidots, Lovable var automātiski izveidot datubāzu shēmas, uzstādīt tabulas organizācijām un lietotājiem, kā arī sagatavot autentifikācijas plūsmas, piemēram, e-pasta/paroles pieslēgšanos un Google OAuth.
Manā sesijā Lovable uzstāja, ka jāsavieno Supabase, pirms turpināt ar tādām funkcijām kā multitenancy un lomu balstīta piekļuves kontrole. Pēc tam, kad saistīju savu darba telpu ar Supabase organizāciju, AI nekavējoties sāka rediģēt migrācijas failus, autentifikācijas kontekstus un utilītus.
Stripe arī tiek atbalstīts natīvi. Lovable droši glabā API atslēgas un var ģenerēt servera puses funkcijas, lai apstrādātu abonementus, vienreizējas norēķināšanās un rēķinu notikumus.
Piemēram, varat to uzdot: “Izveido trīs abonementu līmeņus, izmantojot Stripe” vai “Pievieno digitālam kursam vienreizēju 29 USD norēķinu”, un tas savienos maksājumu plūsmu, sinhronizējot lietotāju abonementu datus atpakaļ uz Supabase.
Papildus pārbaudītajiem partneriem Lovable atbalsta pielāgotas API savienojumus, izmantojot Supabase Edge Functions. Aprakstot API, ko vēlaties izmantot, AI uzraksta serverless funkciju, droši pārvalda atslēgas un izvieto to jums. Tas ļauj paplašināt jūsu lietotni daudz tālāk nekā iebūvētās iespējas.
Runājot par publicēšanu, tas ir veidots tik vienkārši kā pogas klikšķis. Kad publicējat projektu, platforma momentāni izvieto to dzīvajā apakšdomēnā (piemēram, yourproject.lovable.app).
Jebkuras turpmākās izmaiņas var atkārtoti publicēt ar vēl vienu klikšķi, ļaujot ātri dalīties ar prototipiem.
Vēl jo vairāk, Lovable ietver arī iebūvētu versiju kontroli. Tas nozīmē, ka varat atgriezties pie iepriekšējām lietotnes versijām, sekot izmaiņām laika gaitā un izvairīties no progreses zaudēšanas riskam, testējot jaunas funkcijas.
Ražošanas lietotnēm Lovable atbalsta pielāgotus domēnus, automātiski apstrādājot DNS un SSL sertifikātus caur saviem mitināšanas partneriem. Jūs varat savienot esošu domēnu vai pat iegādāties jaunu tieši no Lovable interfeisa.
Izstrādātājiem, kuri dod priekšroku lielākai kontrolei, ir iespēja sinhronizēt savu projektu ar GitHub un izvietot to pie ārējiem mitinātājiem, piemēram, Vercel vai Netlify. Šādā konfigurācijā izmaiņas Lovable tiek iesūtītas atpakaļ uz repozitoriju un automātiski atkārtoti izvietotas.
Kopējais iespaids: Lovable virspusē patīkami vienkāršo publicēšanu un integrācijas. Supabase un Stripe ir cieši integrēti, izvietošana ar vienu klikšķi strādā kā solīts, un pārbaudīto integrāciju ekosistēma ir plaša. Ģenerētā arhitektūra šķiet gatava ražošanai, ne tikai prototipam.
Lovable cenas un plāni
Lovable veido savus plānus ap kredītiem, kas darbojas kā žetoni AI veidotāja izmantošanai. Katra veiktā darbība (sākot no mērķlapas izveides līdz autentifikācijas pievienošanai) patērē kredītus atkarībā no sarežģītības.
Bezmaksas plāns ir izstrādāts, lai jūs varētu iepazīt Lovable bez riska. Jūs saņemat:
- Nelielu ikdienas kredītu apjomu ar mēneša ierobežojumu
- Iespēju izveidot tikai publiskus projektus
- Neierobežotu skaitu līdzautoru šajos projektos
Tas ir lielisks veids, kā eksperimentēt un redzēt, kā platforma darbojas. Tomēr, tiklīdz sasniegsit mēneša ierobežojumu, jūs nevarēsiet turpināt veidot, kamēr kredīti netiks atiestatīti. Bezmaksas lietotājiem arī nav pieejamas privātprojekti, pielāgoti domēni vai uzlabotas komandas funkcijas.
Lovable Website Builder plāni
| Plāna nosaukums | Vieta | Joslas platums | Cena | |
|---|---|---|---|---|
| Pro | Neierobežots | Neierobežots | €21,80 | Informācija |
| Business | Neierobežots | Neierobežots | €43,60 | Informācija |
Maksas līmeņi paplašina jūsu iespējas un atslēdz kritiskas funkcijas reāliem projektiem. Šeit ir tas, ko saņemat, papildu bezmaksas plāna piedāvājumam:
- Vairāk kredītu mēnesī (ar ikdienas atjauninājumiem)
- Privātus projektus, kas nav redzami kopienai
- Lietotāju lomas un atļaujas komandu pārvaldībai
- Pielāgotus domēnus jūsu lietotnes zīmolam
- Noņemt Lovable uzlīmi, lai iegūtu tīrāku un profesionālāku izskatu
- Kredītu pārnešana, lai neizmantoti kredīti netiktu izšķiesti
- Paplašināta kontrole (augstākos līmeņos), piemēram, SSO, personīgie projekta apgabali, dizaina veidnes un iespēja izvēlēties neiesaistīties datu apmācībā
- Enterprise iespējas pielāgotām integrācijām, grupu balstītai piekļuves kontrolei un īpašam atbalstam
Kredītu patēriņš mainās atkarībā no sarežģītības. Neliela UI izmaiņa var patērēt mazāk nekā vienu kredītu, savukārt pilnas mērķlapas ģenerēšana ar vairākām sadaļām var prasīt vairākus. Tas padara lietošanu paredzamu. Vienkāršas izmaiņas ir vieglas, kamēr lielāki pieprasījumi patērē vairāk.
Attiecībā uz atmaksas politiku – Lovable neveicina tradicionālu atmaksas politiku. Tā vietā jums ir brīvi atcelt vai pazemināt plānu jebkurā laikā, un jūsu rēķini turpmāk tiks pielāgoti. Tas nozīmē, ka ir maz risks izmēģināt maksas plānu. Ja tas neder, jūs neesat ieslēgts līgumā.
Lovable pieņem standarta karšu maksājumus (Visa, Mastercard un citus galvenos piegādātājus). Tas arī piedāvā studentu atlaidi, ja reģistrējaties ar derīgu akadēmisko e-pasta adresi, padarot to pieejamāku studentiem un agrīnas kārtas izstrādātājiem.
Alternatīvas Lovable.dev
Kamēr Lovable izceļas ar savu sarunu un uzvedņu pieeju lietotņu izveidē, tas nav vienīgais variants šajā jomā.
Vērts pieminēt kā alternatīvu ir Bolt.new. Bolt.new apvieno AI ar pārlūkprogrammā balstītu IDE, nodrošinot lietotājiem tiešu koda kontroli reāllaikā un vienlaikus gūstot labumu no AI ģenerēšanas.
Lovable.dev pret Bolt.new pārskats
| Funkcija | Lovable | Bolt.new |
|---|---|---|
| AI fokuss | Čata režīma pilna kaudzes ģenerēšana | Uzvednes uz kodu pārvēršana pārlūkprogrammas IDE |
| Lietotāju fokuss | Netehniskie lietotāji, dibinātāji, dizaineri un izstrādātāji, kuri koncentrējas uz ātru prototipēšanu | Izstrādātāji un tehniski lietotāji, kuri vēlas pilnīgu kontroli |
| Koda piekļuve | GitHub eksportēšana tikai, bez iebūvēta redaktora | Pilna pārlūkprogrammas IDE ar tiešu rediģēšanu |
| Servera puse | Supabase integrācija autentifikācijai un datubāzei | Node.js izpildvieta, integrācija ar Supabase un Prisma |
| Priekšpuse | React + Tailwind CSS | Next.js, Vue, Svelte, Astro, Expo un vairāk |
| Izvietošana | Vienu klikšķi līdz lovable.app apakšdomēnam; GitHub sinhronizācija pielāgotai mitināšanai | Tiešraides priekšskatījumi un izvietošana Netlify ar vienu klikšķi |
| Cenu noteikšana | Ziņojumu balstīta kredītu sistēma | Žetonu balstīta, atkarīga no lietojuma |
| Sadarbība | Neierobežoti līdzstrādnieki; beta tiešraides sadarbība | Kopīgojami URL un GitHub darbplūsmas, nav tiešraides sadarbības |
Lovable.dev pret Bolt.new: Kāds ir jūsu galvenais izvēle?
Lovable AI ir labāks risinājums, ja jūs esat netehnisks dibinātājs, dizainers vai komanda, kas novērtē vienkāršību un ātrumu. Tās sarunu saskarne ļauj viegli aprakstīt, ko vēlaties, un iegūt funkcionējošu MVP bez koda rakstīšanas.
Bolt.new, savukārt, ir paredzēts izstrādātājiem un tehniskiem dibinātājiem, kuri vēlas tiešu kontroli pār kodu bāzi. Ar tās pārlūkprogrammas IDE jūs varat uzreiz pārskatīt, rediģēt un paplašināt AI ģenerēto kodu. Tā atbalsta plašu ietvaru klāstu un izceļas, kad projekti prasa pielāgotu loģiku, konkrētas tehnoloģiju kaudzes vai smalku kontroli. Ja jums patīk AI palīgs, bet joprojām gribat “vibe-code” un pašiem pilnveidot detaļas, Bolt.new ir jaudīgāka un elastīgāka izvēle.
Galīgais spriedums par Lovable.dev
Lovable lieliski piemērots netehniskiem dibinātājiem, dizaineriem un mazām komandām, kas vēlas ātri pārvērst idejas funkcionālos prototipos. Sarunu saskarne padara izveides procesu pieejamu, un spēja ģenerēt pilna kaudzes kodu ar tādām integrācijām kā Supabase un Stripe ir iespaidīga.
Kaut arī ne viss ir ideāli, ierobežotais bezmaksas plāns un tiešas koda rediģēšanas trūkums pieredzējušākiem lietotājiem rada šķērsli. Tomēr, ja vēlaties veidot lietotni nedēļu laikā, nevis mēnešos, Lovable ir lielisks rīks, ko vērts izmēģināt.
