Lovable je bio pristupačan na način koji se osjećao više kao prirodni nastavak korisničkog tijeka rada, u usporedbi s većinom no-code ili low-code platformi.
U ovoj recenziji Lovable AI provest ću vas kroz svoje cjelovito praktično iskustvo; od prijave, preko izrade i prilagodbe aplikacije, do testiranja kako se nosi s pogreškama. Na kraju ćete znati zaslužuje li Lovable svoje mjesto u vašem alatu.
Što je Lovable.dev?
Umjesto učenja kodiranja ili korištenja nespretnih alata za povuci-i-ispusti, jednostavno opišete što želite u običnom engleskom. Na primjer, „kreiraj nadzornu ploču s prijavom korisnika i plaćanjima,” i ovaj AI graditelj aplikacija generira funkcionalnu aplikaciju za vas.
Ono što Lovable razlikuje od mnogih drugih „no-code” alata jest to da zapravo proizvodi pravi, uređiv kod. To znači da programeri mogu izvesti projekt na GitHub, proširiti ga ili integrirati ga s uslugama poput Stripea za plaćanja i Supabasea za baze podataka.
Za koga je Lovable.ai?
Lovable AI graditelj aplikacija namijenjen je širokom spektru ljudi koji žele brzo pretvoriti ideje u funkcionalne aplikacije.
Najbolje za:
- Netehnički korisnik: Pomaže vam izraditi aplikacije bez zapošljavanja programera.
- Osnivači startupa i mali timovi: Olakšava izradu i testiranje minimalno održivog proizvoda (MVP) bez gubljenja vremena na ponovljeni kod.
- Dizajneri i voditelji proizvoda: Pretvara wireframeove ili mockupove u funkcionalne aplikacije, omogućujući vam da preskočite dugotrajnu komunikaciju s inženjerima i pregledate kako vaši dizajni odmah zažive.
- Iskusni programeri: Automatizira zadatke postavljanja poput autentikacije, baza podataka i CRUD operacija, kako bi se mogli usredotočiti na prilagođene značajke i poslovnu logiku, a pritom zadržati potpunu kontrolu nad kodnom bazom.
Prednosti i nedostaci Lovable AI
- Jednostavan proces prijave i upoznavanja
- Generiranje stvarnog koda s Reactom i Tailwindom
- Podrška za TypeScript za moderni razvoj
- Izvorna integracija sa Supabase backendom
- Ugrađena Stripe integracija za plaćanja.
- Uređivač koda je samo za čitanje na besplatnom planu
- Rješavanje pogrešaka je ograničeno bez nadogradnje
- AI nesvjesno prihvaća kontradiktorne upute
- Pogreške u izvođenju mogu blokirati napredak
Ključne značajke Lovable AI
- Generiranje full-stack aplikacija pomoću AI-a
- Stvarni uređivi React i TypeScript kod
- Tailwind CSS za stiliziranje i rasporede
- Integracija sa Supabaseom za bazu podataka i autentikaciju
- Integracija sa Stripeom za plaćanja i naplatu
- Sinkronizacija s GitHubom za kontrolu verzija koda
- Vizualni uređivač za detaljne UI izmjene
- Dizajn i uređivanje značajki putem uputa
- Podrška za prilagođene domene na plaćenim planovima
- Projekt zajednice za remix i pregled
- Uvoz iz Figma za dizajn u kod
- Sustav zasnovan na kreditima za korištenje zadataka
Moje praktično iskustvo s Lovable AI-jem: Vodič korak po korak
Želio sam osobno vidjeti koliko je glatki (ili nespretni) proces prijave, kako izgleda nadzorna ploča prilikom prvog prijavljivanja i koliko je intuitivno prije samog početka izrade bilo čega.
Stvarno iskustvo važnije je od marketinških tvrdnji, pa ću vam točno predstaviti što sam napravio i što mi je ostavilo dojam.
Početak rada i prijava
Počeo sam na naslovnoj stranici Lovable.dev, koja je imala topao gradijentni prikaz u pozadini koji prelazi iz plave u ružičastu i narančastu.
Zaslon za prijavu podijeljen je na dva dijela: desni je zadržao poznati gradijent i razigrani unosni okvir u kojem piše „Zatražite od Lovablea da izradi vaš SaaS startup,” dok je lijevi bio namijenjen stvaranju računa.
Imate mogućnost nastaviti s Googleom, GitHubom ili registracijom putem e-pošte. Odabrao sam e-poštu. Nakon unosa svoje e-pošte i postavljanja lozinke, prihvatio sam uvjete i kliknuo Kreiraj svoj račun.
Lovable me nije odmah pustio unutra. Umjesto toga, zatražio mi je potvrdu e-pošte. Prešao sam na svoj karticu s poštom, odmah pronašao e-poruku za potvrdu i kliknuo na poveznicu. Sustav je potvrdio moju e-poštu brzom „E-pošta potvrđena” obavijesti i preusmjerio me u kratak proces upoznavanja.
Ovdje sam unio svoje ime, odabrao Tamni način rada i odgovorio na nekoliko brzih pitanja;
- Za što bih koristio Lovable (odabrao sam Osobni projekti),
- Kako bih se opisao (izabrao sam Programer), i
- Što sam gradio (odabrao sam Web-stranicu / odredišnu stranicu).
Zadnji korak pitao je želim li pozvati suradnike, ali budući da sam testirao sam, kliknuo sam Završi.
Kad sam prvi put stigao na nadzornu ploču, primijetio sam da dizajn izgleda čisto i usklađeno s naslovnicom. Veliki unosni okvir na vrhu pozivao me da „Zatražim od Lovablea da kreira odredišnu stranicu za moj…”, dok su zajednički projekti ispunjavali stranicu ispod, od nadzornih ploča do SaaS predložaka koje sam mogao pregledati ili remiksati.
Osjećao sam se kao da ulazim i u radni prostor i u izložbenu galeriju, s obiljem inspiracije tik preda mnom.
Izrada moje prve aplikacije na Lovable.dev
Nakon prijave, želio sam vidjeti koliko je jednostavno, intuitivno i neposredno zapravo izraditi aplikaciju u Lovableu.
Na glavnoj nadzornoj ploči Lovablea, prva stvar koja se isticala bila je veliko polje za unos u sredini s tekstom oznake mjesta: „Zatražite od Lovablea da kreira odredišnu stranicu za moj…”. Očito je ovdje sve počinje.
Možete unijeti jednostavnu ideju, ali ja sam odlučio ići all in s detaljnim uputama koje opisuju svrhu aplikacije, korisničke uloge, tijek onboardinga, KPI-je na nadzornoj ploči, upravljanje klijentima i projektima, praćenje vremena, fakturiranje s pregledima PDF-a, Stripe plaćanja i klijentski portal.
Uključio sam čak i zahtjeve za dizajn poput profesionalne plave primarne boje, rasporeda zasnovanih na karticama, čitljive tipografije i suptilnih animacija. Na kraju, jasno sam naznačio da želim backend funkcionalnost pokretanu Supabaseom, s autentikacijom, višekorisničkim režimom (multi-tenancy), pohranom datoteka i transakcijskim e-porukama.
Kad sam završio unos svojih detaljnih uputa, zastao sam prije nego što sam poslao kako bih pomno pogledao dodatne opcije koje nudi Lovable. Ispod polja za unos nalazilo se nekoliko zanimljivih gumba.
- + Priloži: Omogućuje vam učitavanje slike kao referencu koju će AI koristiti. To može biti posebno korisno ako već imate mockup ili wireframe dizajn kojeg želite da sustav slijedi.
- Opcija uvoza iz Figma: Ova opcija se isticala kao način da profesionalne datoteke dizajna unesete izravno u Lovable umjesto da započinjete od nule.
- Preklopka Javno: Ovo kontrolira vidljivost. Ako je postavljeno na Public, vaš je projekt otvoren svima u zajednici Lovable za pregled i remiks, slično kao što programeri rade na projektima na GitHubu.
- Radni prostor (Pro): Ovo znači da će aplikacija biti vidljiva samo članovima vašeg Lovable radnog prostora.
- Osobno/Poslovno: Ovaj način čuva projekt privatnim samo vama, osim ako ga eksplicitno ne podijelite.
Tek nakon što sam primijetio sve ove opcije, nastavio sam i poslao svoj prvi veliki upit da vidim što će Lovable izgraditi.
Kad sam poslao upit, sučelje se pretvorilo u okruženje za izgradnju. Na lijevoj strani otvorio se chat panel koji je prikazivao moj zahtjev i odgovore Lovablea, dok je desna ploha prikazivala zaslon za učitavanje s ikonom srca.
Uz to, bile su dostupne razne opcije poput „Odaberi specifične elemente za izmjenu,” „Učitaj slike kao referencu” i „Implementiraj kad budeš spreman.” Većina je bila zasivljena, ali jedna je bila aktivna: Poveži Supabase za backend.
Prvi odgovor Lovablea impresionirao me. Podijelio je moj upit u jasne odjeljke, referirajući se na poznate SaaS alate poput FreshBooksa i Harvesta, te nabrojio planirane značajke za prvu verziju: profesionalnu odredišnu stranicu, nadzornu ploču s više korisnika (multi-tenant), upravljanje klijentima i projektima, praćenje vremena, generiranje računa i integraciju plaćanja.
Također je odmah označio važan zahtjev; da bih otključao te backend značajke, morao sam povezati svoj projekt sa Supabaseom. To nije bilo zanemareno ili ignorirano; Lovable mi je unaprijed rekao što je potrebno i povezao me izravno na dokumentaciju integracije.
U gornjem desnom kutu sučelja nalazio se zeleni Connect Supabase gumb. Klikom na njega otvorio se modalni prozor koji objašnjava što je Supabase, zašto je potreban i što će omogućiti povezivanje: autentikaciju korisnika, upravljanje bazom podataka, pohranu i plaćanja.
Slijedio sam upute, povezao svoju Supabase organizaciju i vidio poruku o potvrdi koja mi je javila da je integracija uspješna. Nakon toga, Lovable je potvrdio povezivanje i počeo razvijati aplikaciju uz omogućenu podršku backendu.
Zatim je Lovable AI generirao kod u pozadini. Mogao sam vidjeti zapisnike (logove) poput „Reading src/pages/Index.tsx” i „Edited src/components/LandingPage.tsx,” što je potvrdilo da aktivno radi sa stvarnom strukturom projekta umjesto da sastavlja predloške.
Kad je prva verzija bila spremna, pregledao sam rezultat na desnom panelu. Aplikacija je dobila ime InvoicePro i izgledala je kao dorađena SaaS odredišna stranica.
Sadržavala je zaglavlje s navigacijskim poveznicama (Značajke, Cijene, Integracije, Blog, Pravila o privatnosti i Uvjeti korištenja), gumbe za Sign In i Start Free Trial, hero sekciju s podebljanim naslovom („Brže naplatite uz profesionalno fakturiranje”) i podtekst koji opisuje kako freelanceri mogu pratiti vrijeme, upravljati klijentima i naplaćivati online.
Daljnjim skrolanjem otkrio sam odjeljak za značajke s šest uredno dizajniranih kartica za praćenje vremena, upravljanje klijentima, račune, plaćanja, izvješća i klijentske portale.
Odjeljak s cijenama strukturiran je u tri jasna razine: Starter (9 USD/mjesečno), Professional (29 USD/mjesečno, označeno kao „Najpopularnije”) i Enterprise (79 USD/mjesečno), svaka sa svojim značajkama i gumbom za poziv na akciju.
Na dnu, poseban odjeljak za poziv na akciju pojačao je poruku još jednim gumbom Start Free Trial. Podnožje je uključivalo standardne poveznice poput Značajke, Cijene, Integracije, Blog, Pravila o privatnosti i Uvjeti korištenja.
Lovable mi nije samo dao sjajni front end. Dao mi je i osnovni kod. Prebacivanjem na Code view vidio sam strukturirani React + TypeScript projekt s Tailwind CSS-om, Viteom i modernim alatima.
Stablo datoteka uključivalo je mape za komponente, hookove, stranice i konfiguracijske datoteke poput tailwind.config.ts i vite.config.ts.
- Datoteka LandingPage.tsx sadržavala je kod za hero, odjeljke sa značajkama i cjenike, s poljima podataka koja definiraju kartice i razine koje sam vidio u pregledu.
- index.css je prikazivao Tailwind uvoze i prilagođene varijable za svijetli i tamni način rada.
- App.tsx upravljao je usmjeravanjem (routingom) i providerima, dok
- package.json je sadržavao ovisnosti poput Reacta, shadcn komponenti i Tailwinda.
Sve je bilo logično organizirano i čitljivo, što znači da ovaj kod ja (ili bilo koji programer) može preuzeti i proširiti bez potrebe za ponovnim početkom.
Jedna stvar vrijedna spomena: sam uređivač koda je označen kao Read Only. Ako želite stvarno uređivati datoteke izravno u Lovableovom sučelju, morate nadograditi na plaćeni plan. U moje svrhe i dalje sam mogao pregledati cijelu strukturu i provjeriti kvalitetu generiranog koda, no praktično uređivanje u pregledniku je ograničeno na njihov premium nivo.
U manje od deset minuta, Lovable.dev pretvorio je detaljni upit u dorađenu SaaS-odredišnu stranicu sa stvarnim, uređivim kodom. Dizajn je bio u skladu s mojim uputama, tijek rada je bio intuitivan, i mogao sam vidjeti što se događa iza kulisa. Najvažnije, nije zanemario postavljanje backenda.
Kako se nosi s pogreškama i fleksibilnost u uređivanju
Nakon što me initialna odredišna stranica impresionirala, želio sam dodatno testirati Lovable i vidjeti kako se nosi s kompleksnim backend značajkama, logičkim sukobima i neočekivanim pogreškama.
Ovo je bio pravi test hoće li platforma biti dobra samo za generiranje lijepih front-endova ili hoće li izdržati neuredniju stvarnost razvoja aplikacija.
U biti, to je bila kontradikcija. S jedne strane tražio sam jasne granice između korisničkih uloga; s druge strane želio sam da svi zaobiđu te granice. Idealno bi bilo da inteligentni graditelj označi ovo kao sukob i zatraži pojašnjenje.
Lovable to nije učinio.
Umjesto toga, odmah je prihvatio zahtjev i prikazao backend dijelove koje bi trebao generirati: autentikaciju, tablice uloga i dopuštenja, upravljanje sesijama i zaštićene API endpoint-e.
Čak je ponovio svoj raniji zahtjev da se za autentikaciju i politike podataka koristi Supabase, podsjetivši me da se povežem ako to već nisam učinio. Budući da sam imao Supabase povezan, rekao sam Lovableu da nastavi. Zatim je počeo strukturirati sustav kontrole pristupa temeljen na ulogama, stvarajući datoteke za kontekste autentikacije, onboarding, zaštićene rute i migracije. Također je instalirao Supabase klijentsku biblioteku.
Ali kad je pokušao pokrenuti aplikaciju, stvari su krenule nizbrdo. Prozor za pregled je ostao prazan, a na dnu desno pojavio se banner s pogreškom. Zapisnici su jasno naveli: „Uncaught Error: Missing Supabase environment variables” u datoteci supabase.ts.
Klikom na „Show logs” dobio sam potpuni traceback, što je potvrdilo da aplikacija ne može prikazati bez nedostajućih varijabli. Pregled je ostao bijel ekran, u skladu s napomenom u zapisniku pogrešaka da aplikacija ima „blank screen.”
Kako bi to popravio, Lovable je ponudio dvije opcije: Dismiss ili Try to fix.
Naravno, kliknuo sam Try to fix. Lovable je odmah analizirao problem, identificirao da aplikaciji nedostaju potrebne Supabase varijable okoline i generirao potrebne prilagodbe za rješavanje problema.
Chat panel je korak po korak objasnio što je ispravljeno, i pregled se uspio ponovno učitati bez padanja.
Ono što je ovaj test učinilo još otkrivnijim je način na koji je Lovable tumačio moje kontradiktorne upute. Umjesto da ih odbije ili zatraži pojašnjenje, pokušao je spojiti obje ideje.
Stvorio je tri uloge (Owner, Member, Client) s odvojenim dopuštenjima, ali je zatim dodao da „svi korisnici mogu uređivati račune i projekte” dok vlasnici zadržavaju dodatna upravljačka prava. U praksi bi to stvorilo logičke propuste u stvarnoj aplikaciji — u biti bi poništilo kontrolu pristupa temeljenu na ulogama koju sam zahtijevao.
Za recenzente ili programere, to je i impresivno (jer svejedno gradi) i zabrinjavajuće (jer može stvoriti sigurnosne ili logičke probleme u produkciji).
Iz ovog testa izvukao sam dvije glavne lekcije o rješavanju pogrešaka kod Lovablea i fleksibilnosti pri uređivanju:
- Otkrivanje pogrešaka je snažno: Lovable je brzo označio nedostajuće Supabase varijable, prikazao točnu datoteku i redak te objasnio što je pošlo po krivu. Jasni zapisnici i kontekst znače da nikada ne ostajete zbunjeni.
- Fleksibilan je, ali ne i oprezan s proturječnostima: Kada sam dao proturječne upute o ulogama, jednostavno ih je spojio umjesto da traži pojašnjenje. To može biti korisna fleksibilnost, ali programeri će morati paziti na logičke konflikte.
Prilagodba dizajna i izgleda
Što ako želite nešto promijeniti u svojoj aplikaciji ili prilagoditi dizajn kako bi više odgovarao vašem proizvodu?
U Lovableu je prilagodba izgrađena oko tri glavna pristupa: upute na prirodnom jeziku, vizualni uređivač i izravna kontrola na razini koda.
Zajedno, ovi pristupi pokrivaju sve, od opsežnih preinaka dizajna do preciznih poboljšanja po pikselu.
Korištenje AI uputa za opsežne promjene dizajna
Ovo je najpristupačnija metoda i vjerojatno ona koju Lovable najviše promovira. Umjesto da petljate po postavkama, opišete svoje dizajnerske ideje u običnom engleskom i dopustite AI-u da ih implementira.
Na primjer, mogli biste zatražiti:
- „Promijeni temu na tamni način rada s modernim, futurističkim stilom.”
- „Usvoji neo-brutalistički estetski izraz s odvažnim, kontrastnim bojama.”
- „Prebaci primarnu boju na tamnoljubičastu, sekundarnu na narančastu i koristi font Assistant za sve naslove.”
Lovable.dev također omogućuje upute za manje UI izmjene, poput zaobljavanja gumbića, dodavanja sjena ili učinjenja hero sekcije vizualno dinamičnijom.
Možete čak priložiti snimku zaslona ili skicu kao vizualni vodič ili uvesti iz Figma kako biste profesionalne dizajne izravno preveli u funkcionalni kod.
Korištenje vizualnog uređivača za detaljne prilagodbe
Nije svaka promjena koju želite napraviti u svojoj aplikaciji vrijedna pisanja nove upute. Ponekad samo trebate pomaknuti gumb, promijeniti boju ili prilagoditi padding sekcije. Tu na scenu stupa Lovableov vizualni uređivač.
Uređivač radi slično kao alat za dizajn, poput Figma. Možete se prebaciti u edit mode, preći mišem preko bilo kojeg elementa na stranici i izravno ga kliknuti.
Jednom kad je odabrano, možete podešavati svojstva bez diranja koda. Na primjer, možete:
- Promijeniti sadržaj teksta — ažurirati naslov, prepisati oznaku gumba ili prilagoditi tekst privjeska (placeholder) u obrascu.
- Modificirati stilizaciju — zamijeniti boje, promijeniti veličinu fontova, zaobljiti kutove gumba ili dodati sjene.
- Prilagoditi raspored — promijeniti margine, padding, poravnanje ili razmake između elemenata.
Ovaj pristup štedi vrijeme i kredite. Umjesto opisa malih izmjena tekstom, možete odmah prilagoditi vizuale. Idealno je kad vam se sviđa većina izlaza, ali želite fino podešavanje detalja kako bi se podudarali s vašim brendom.
U praksi, uređivač premošćuje jaz između generiranja vođenog AI-jem i ljudske kontrole dizajna. AI može brzo proizvesti većinu aplikacije, a vi možete vizualno intervenirati kako biste dotjerali rezultat.
Integracija s GitHubom za potpunu prilagodbu koda
Za napredne korisnike, Lovable nudi integraciju s GitHubom. Jednom kad je povezan, možete sinkronizirati projekt, klonirati ga lokalno, napraviti izmjene u željenom IDE-u i pushati ažuriranja natrag na GitHub — pri čemu Lovable sinkronizira te izmjene u projektu.
Kad sam prešao na Code view, mogao sam vidjeti točno kako je Lovable strukturirao generirani projekt. Stvorio je moderno okruženje s Reactom + TypeScriptom + Tailwindom, kompletno sa logičkim stablom datoteka za komponente, stranice i konfiguraciju.
Ovo je stvarni kod, ne samo no-code apstrakcija.
Objavljivanje aplikacije i dodavanje integracija
Nakon prilagodbe aplikacije, želio sam vidjeti kako se Lovable nosi s objavljivanjem i integracijama.
To je značilo testirati koliko je lako povezati backend usluge, objaviti projekt na webu i upravljati hostingom ili prilagođenim domenama.
Izvorna integracija Lovablea sa Supabaseom ključna je za njegov backend dio priče. Supabase pruža PostgreSQL bazu podataka, autentikaciju, pohranu datoteka i serverless funkcije. Jednom kad je povezan, Lovable može automatski stvarati sheme baze podataka, postavljati tablice za organizacije i korisnike te strukturirati tokove autentikacije poput prijave putem e-pošte/lozinke i Google OAuth-a.
U mojoj sesiji, Lovable je inzistirao da spojim Supabase prije nego što nastavim sa značajkama poput multi-tenancy i kontrole pristupa temeljenom na ulogama. Nakon što sam povezao svoj radni prostor sa Supabase organizacijom, AI je odmah počeo uređivati migracijske datoteke, kontekste autentikacije i utilite.
Stripe je također podržan izvorno. Lovable sigurno pohranjuje API ključeve i može generirati backend funkcije za rukovanje pretplatama, jednokratnim kupnjama i naplatnim događajima.
Na primjer, možete mu zadati uputu „Kreiraj tri razine pretplate koristeći Stripe” ili „Dodaj jednokratnu kupnju od 29 USD za digitalni tečaj”, a on će povezati tok plaćanja i sinkronizirati podatke o pretplatama korisnika natrag u Supabase.
Osim svojih verificiranih partnera, Lovable podržava prilagođene API veze pomoću Supabase Edge Functions. Opisivanjem API-ja koji želite koristiti, AI piše serverless funkciju, sigurno upravlja ključevima i postavlja je za vas. To omogućuje proširenje vaše aplikacije daleko izvan ugrađenih opcija.
Što se tiče objavljivanja, dizajnirano je da bude jednostavno poput klika na gumb. Kada objavite projekt, platforma ga odmah deploya na živi poddomen (npr. yourproject.lovable.app).
Sve naknadne izmjene mogu se ponovno objaviti jednim klikom, što olakšava brzo dijeljenje prototipova.
Štoviše, Lovable također uključuje ugrađenu kontrolu verzija. To znači da možete vratiti starije verzije svoje aplikacije, pratiti promjene tijekom vremena i izbjeći rizik od gubitka napretka prilikom eksperimentiranja s novim značajkama.
Za produkcijske aplikacije, Lovable podržava prilagođene domene, automatski upravljajući DNS-om i SSL certifikatima putem svojih hosting partnera. Možete povezati postojeću domenu ili čak kupiti novu izravno iz Lovableova sučelja.
Programeri koji preferiraju veću kontrolu također mogu sinkronizirati svoj projekt s GitHubom i deployati ga na vanjske hostove poput Vercela ili Netlifyja. U tom pojašnjenju, promjene u Lovableu se committaju u repozitorij i automatski ponovno deployaju.
Opći dojam: Lovable čini objavljivanje i integracije osvježavajuće jednostavnima na površini. Supabase i Stripe su usko integrirani, deploy jednim klikom funkcionira kako je obećano, a ekosustav verificiranih integracija je širok. Generirana arhitektura djeluje spremno za produkciju, a ne samo kao prototip.
Cijene i planovi Lovable AI
Lovable strukturira svoje planove oko kredita, koji djeluju kao tokeni za korištenje AI graditelja. Svaka radnja koju poduzmete (od izrade odredišne stranice do dodavanja autentikacije) troši kredite ovisno o složenosti.
Besplatni plan dizajniran je da vam omogući otkrivanje Lovablea bez rizika. Dobivate:
- Mali broj dnevnih kredita s mjesečnim ograničenjem
- Mogućnost kreiranja samo javnih projekata
- Neograničen broj suradnika na tim projektima
Odličan je način za eksperimentiranje i uvid u rad platforme. Međutim, nakon što dosegnite mjesečni limit, ne možete nastaviti graditi dok se krediti ponovno ne osvježe. Besplatni korisnici također ne mogu koristiti privatne projekte, prilagođene domene ili napredne timske značajke.
Lovable Website Builder paketi
| Naziv paketa | Prostor | Promet | Cijena | |
|---|---|---|---|---|
| Pro | Neograničeno | Neograničeno | 25,00 $ | Detalji |
| Business | Neograničeno | Neograničeno | 50,00 $ | Detalji |
Plaćeni nivoi proširuju vaše limite i otključavaju ključne značajke za stvarne projekte. Evo što dobivate iznad besplatnog plana:
- Više kredita mjesečno (uz dnevna osvježavanja)
- Privatni projekti koji nisu vidljivi zajednici
- Korisničke uloge i dopuštenja za upravljanje timovima
- Prilagođene domene za brendiranje vaše aplikacije
- Uklanjanje Lovable obilježja za čišći, profesionalni izgled
- Prijenos kredita kako se neiskorišteni krediti ne bi izgubili
- Napredna kontrola (na višim nivoima) poput SSO-a, osobnih prostora za projekte, predložaka dizajna i mogućnosti odjave iz treniranja podataka
- Enterprise opcije za prilagođene integracije, kontrolu pristupa po grupama i namjensku podršku
Krediti se skaliraju prema složenosti. Mala UI izmjena može potrošiti manje od jednog kredita, dok generiranje pune odredišne stranice s više odjeljaka može zahtijevati nekoliko. To čini potrošnju predvidljivom. Jednostavne izmjene su lagane, dok veći zahtjevi troše više.
Što se tiče politike povrata novca, Lovable ne reklamira tradicionalnu politiku povrata. Umjesto toga, slobodni ste otkazati ili degradirati u bilo kojem trenutku, a vaša naplata će se prilagoditi ubuduće. To znači da je rizik pri isprobavanju plaćenog plana mali. Ako nije pravi izbor, nećete biti zaključani.
Lovable prihvaća uobičajene kartične uplate (Visa, Mastercard i druge glavne davatelje). Također nude studentski popust ako se registrirate s valjanom akademskom e-mail adresom, čineći ga pristupačnijim za učenike i rane graditelje.
Alternative za Lovable.dev
Iako Lovable blista svojim konverzacijskim, uputama vođenim pristupom izradi aplikacija, nije jedina opcija u ovom prostoru.
Značajna alternativa je Bolt.new. Bolt.new spaja AI s IDE-om u pregledniku, pružajući korisnicima kontrolu u stvarnom vremenu nad njihovim kodom, pritom i dalje koristeći prednosti AI generiranja.
Pregled: Lovable.dev vs Bolt.new
| Značajka | Lovable | Bolt.new |
|---|---|---|
| Fokus AI-ja | Generiranje full-stack putem chata | Pretvaranje u kod unutar IDE-a u pregledniku |
| Fokus korisnika | Netehnički korisnici, osnivači i dizajneri fokusirani na brzo prototipiranje | Programeri i tehnički korisnici koji žele potpunu kontrolu |
| Pristup kodu | Samo izvoz na GitHub, nema uređivač u samoj aplikaciji | Potpuni IDE u pregledniku s izravnim uređivanjem |
| Backend | Integracija sa Supabaseom za autentikaciju i bazu | Node.js runtime, integrira se sa Supabaseom i Prismom |
| Frontend | React + Tailwind CSS | Next.js, Vue, Svelte, Astro, Expo i više |
| Deploy | Jedan klik na lovable.app poddomen; sinkronizacija s GitHubom za prilagođeni hosting | Pregled u stvarnom vremenu i deploy jednim klikom na Netlify |
| Cijene | Sustav kredita temeljene na porukama | Temeljeno na tokenima, varira ovisno o korištenju |
| Suradnja | Neograničeni suradnici; beta suradnja u stvarnom vremenu | Dijeljive poveznice i GitHub workflowi, bez suradnje u stvarnom vremenu |
Lovable.dev vs Bolt.new: Koji je vaš najbolji odabir?
Lovable AI je bolji izbor ako ste netehnički osnivač, dizajner ili tim koji cijeni jednostavnost i brzinu. Njegovo konverzacijsko sučelje olakšava opisati što želite i dobiti funkcionalni MVP bez diranja koda.
Bolt.new, s druge strane, namijenjen je programerima i tehničkim osnivačima koji žele izravnu kontrolu nad kodnom bazom. Sa svojim IDE-om u pregledniku možete odmah pregledati, uređivati i proširiti AI-generirani kod. Podržava širok raspon frameworka i izvrsno funkcionira kada projekti zahtijevaju prilagođenu logiku, specifične tehnološke stogove ili finu kontrolu. Ako vam se sviđa ideja AI asistencije, ali i dalje želite „vibe-kodirati” i sami dorađivati detalje, Bolt.new je moćniji i fleksibilniji izbor.
Konačna presuda o Lovable.dev
Lovable je odličan izbor za netehničke osnivače, dizajnere i male timove koji žele brzo pretvoriti ideje u funkcionalne prototipove. Konverzacijsko sučelje čini izradu pristupačnom, a mogućnost generiranja full-stack koda s integracijama poput Supabasea i Stripea je impresivna.
Iako nije savršen, restriktivni besplatni plan i nedostatak izravnog uređivanja koda za napredne korisnike predstavlja prepreku. Međutim, ako želite graditi u tjednima umjesto mjesecima, Lovable je izvrstan alat vrijedan isprobavanja.
