Lovable

In deze Lovable-recensie wordt besproken waar Lovable voor wordt gebruikt, hoe Lovable werkt, de belangrijkste functies, de prijzen en credits van Lovable, het eigendom van de code, de sterke en zwakke punten, en de Lovable-alternatieven die de moeite waard zijn om te bekijken. Je beschrijft een idee in gewone taal, en Lovable genereert een werkende webapp: een React-frontend gestileerd met Tailwind CSS, een database, gebruikersaanmelding en hosting. Vervolgens verfijn je het door te chatten, de lay-out visueel te bewerken of zelf code te schrijven. Lovable werd in 2023 in Stockholm opgericht door Anton Osika, de CEO, en Fabian Hedin, en is voortgekomen uit het open-sourceproject GPT Engineer.

Waar wordt Lovable voor gebruikt?

Lovable wordt gebruikt om webapplicaties en websites te bouwen zonder code helemaal vanaf nul te schrijven. Typische projecten zijn MVP’s en SaaS-producten, interne tools en dashboards, klantenportalen, landingspagina’s met een aanmeldingsproces en prototypes die op echte gegevens moeten draaien. Oprichters gebruiken het om een idee binnen enkele dagen met echte gebruikers te testen. Productmanagers en ontwerpers gebruiken het om een concept om te zetten in een klikbaar, werkend prototype. Ontwikkelaars gebruiken het om de eerste versie van een app te maken en deze vervolgens in hun eigen ontwikkelomgeving te onderhouden. Kleine teams gebruiken het ook om tools te bouwen die leads, bestellingen of supportverzoeken bijhouden.

Lovable vermindert de behoefte aan technische kennis, maar neemt deze niet volledig weg. Een eenvoudige app met een database, authenticatie en een paar schermen is haalbaar voor iemand die geen ontwikkelaar is. Complexe logica, betalingen, machtigingen en integraties vergen nog steeds tijd om te testen en op te lossen, en veel teams schakelen vóór de lancering een ontwikkelaar in.

Hoe Lovable werkt

1. Beschrijf de app in een korte opdracht: wie gebruikt hem, welke gegevens worden er opgeslagen, welke schermen zijn er nodig?
2. Lovable genereert de code, de databasetabellen en de pagina’s, en toont een live voorbeeld.
3. Verfijn het in de chat, of gebruik de Plan-modus om afspraken te maken over de aanpak voordat er code wordt aangepast.
4. Bewerk tekst, kleuren en lay-out rechtstreeks met de visuele editor.
5. Koppel GitHub om de code te synchroniseren, of voltooi de implementatie naar een lovable.app-subdomein of je eigen domein met één klik.

Belangrijkste functies

• Code genereren op basis van prompts: Lovable genereert echte code, geen vergrendeld visueel model. De stack bestaat uit React, TypeScript, Vite en Tailwind CSS.
• Lovable Cloud-backend: een ingebouwde backend, standaard ingeschakeld, met een Postgres-database, authenticatie, bestandsopslag en edge-functies, gebouwd op de open-sourcebasis van Supabase. Je kunt ook een eigen Supabase-project koppelen (Lovable-documentatie).
• Tweerichtingssynchronisatie met GitHub: wijzigingen in Lovable verschijnen in je repository en wijzigingen in GitHub worden terugsynchroniseerd, zodat ontwikkelaars in hun eigen IDE kunnen werken.
• Visueel bewerken: pas tekst, spatiëring en stijlen op de pagina aan zonder dat je iets hoeft in te voeren, wat credits bespaart.
• Planningsmodus en chat: bespreek de volgende stap en laat Lovable een plan voorstellen voordat het wordt gebouwd.
• AI-functies in je app: maak chatbots, samenvattingen en andere AI-functies in de apps die je bouwt via de AI-gateway van Lovable; facturering vindt plaats per model en per token.
• Samenwerking: werkruimten ondersteunen een onbeperkt aantal gebruikers bij elk abonnement, met teamrechten en toegangscontrole bij het Business-abonnement.
• Integraties: Stripe en andere diensten via prompts, plus elke API die je app kan aanroepen, zodat je apps kunt bouwen met betalingen en geautomatiseerde workflows.

Prijzen van Lovable: gratis abonnement, betaalde abonnementen en credits

Lovable hanteert prijzen op basis van credits, niet op basis van gebruikersaantal. De onderstaande abonnementsdetails zijn afkomstig van de prijspagina en de documentatie over credits van Lovable, geldig vanaf september 2026.

• Gratis abonnement: $0,5 bouwcredits per dag, met een maximum van 30 per maand, plus een maandelijkse toekenning van 20 cloudcredits en 4 AI-credits.
• Pro: $25 per maand, of $21 per maand bij jaarlijkse facturering, met 100 maandelijkse credits bovenop de 5 dagelijkse build-credits.
• Business: $50 per maand, of $42 bij jaarlijkse facturering, met dezelfde credits plus single sign-on, de mogelijkheid om af te zien van datatraining en teamrechten.
• Enterprise: prijzen op maat.

De maandelijkse kredietbedragen en abonnementsprijzen zijn afkomstig van de prijspagina van Lovable, zoals samengevat door No Code MBA en eesel AI, omdat de pagina de abonnementstabel via een script weergeeft. Extra credits kosten $0,30 per stuk bij Pro en $0,60 bij Business, en worden verkocht in herlaadbeurten van $15 tot $150 die 12 maanden geldig zijn. Maandelijkse abonnementscredits worden overgedragen en vervallen twee maanden nadat ze zijn toegekend.

Het kredietverbruik hangt af van de taak. In de Build-modus kost een kleine bewerking ongeveer 0,5 krediet, het toevoegen van authenticatie ongeveer 1,2 en een grote wijziging met afbeeldingen ongeveer 2. Een bericht in de Plan-modus kost 1 krediet. Geïmplementeerde apps putten ook uit hetzelfde saldo voor cloudhosting en AI-aanroepen, hoewel Lovable aangeeft dat het hosten van een kleine of nieuwe app doorgaans niets kost.

Let op deze kostenverrassing: wanneer het saldo nul bereikt, stopt het bouwen, werken de AI-functies in je geïmplementeerde app niet meer en wordt de backend gepauzeerd totdat je het saldo aanvult. Maak een begroting voor de app die je draait, niet alleen voor de app die je bouwt.

Hoe je minder Lovable-credits kunt gebruiken

Het gebruik van credits is de belangrijkste kostenfactor, dus hoe je te werk gaat, is belangrijker dan welk betaald abonnement je kiest. Deze gewoontes houden het verbruik laag:

• Plan eerst. Een bericht in de ‘One Plan’-modus kost 1 credit en voorkomt meerdere mislukte bouwpogingen.
• Schrijf specifieke prompts. Beschrijf één scherm, één tabel of één workflow per prompt in plaats van de hele app in één keer.
• Gebruik de visuele editor voor tekst, kleuren en lay-outwijzigingen; daarvoor is geen AI-prompt nodig.
• Los bugs op met context. Plak de foutmelding en geef aan op welke pagina deze verschijnt, zodat Lovable geen werkende code herschrijft.
• Gebruik de gratis dagelijkse credits voor kleine taken voordat je je maandelijkse saldo aanspreekt.
• Verplaats omvangrijke bewerkingen naar je eigen ontwikkelomgeving via GitHub wanneer de app groeit, en houd de implementatie en hosting op Lovable als dat je uitkomt.

Studenten krijgen korting met een geldig studenten-e-mailadres.

Eigendom van de code en platformgebondenheid

Je bent eigenaar van de code en de projecten die je met Lovable bouwt, volgens de FAQ over prijzen. Omdat de GitHub-synchronisatie in twee richtingen verloopt, kun je de volledige codebase exporteren, deze overal bewerken en zelf hosten, waardoor de platformafhankelijkheid lager is dan bij visuele no-code-tools. Sommige functies, zoals authenticatie-e-mails vanaf je eigen domein en ingebouwde betalingsmogelijkheden, werken het beste op Lovable Cloud, dus als je Lovable verlaat, kan dat betekenen dat je die onderdelen op je eigen backend opnieuw moet bouwen.

Kan Lovable mobiele apps bouwen?

Lovable bouwt webapps en websites die ook op telefoons werken, waaronder progressive webapps. Het genereert geen native iOS- of Android-apps. Voor mobiele apps die direct in de app store kunnen worden geplaatst, is een ‘mobile-first’-builder geschikter.

Lovable versus Bolt en Replit

Bolt en Replit zijn de tools die het vaakst met Lovable worden vergeleken. Bolt zet prompts ook om in webapps in de browser, hanteert een prijsmodel op basis van tokens en laat de backend-configuratie grotendeels aan jou over. Replit is een volledige cloudontwikkelomgeving met veel programmeertalen, een eigen AI-agent en ingebouwde implementatie, wat geschikt is voor ontwikkelaars die meer controle willen over de code en de infrastructuur. Lovable biedt de meeste begeleiding van de drie: het creëert de front-end, de backend-infrastructuur en de gebruikersaanmelding in één werkstroom, waardoor het toegankelijk is voor niet-ontwikkelaars die voor het eerst apps bouwen.

Waar Lovable uitblinkt — en waar het tekortschiet

Sterke punten:

• Zeer snel van idee tot een werkende webapp met een database en gebruikersaanmelding.
• Echte, leesbare code met GitHub-synchronisatie en code-eigendom.
• Geen kosten per gebruiker; onbeperkt aantal leden in een werkruimte.
• Een volledig ingebouwde backend, met toegangscontrole en de mogelijkheid om je eigen Supabase te gebruiken.

Nadelen:

• Het is moeilijk in te schatten hoeveel credits je nodig hebt; complexe prompts en het oplossen van loops verbruiken ze snel, een klacht die vaak terugkomt in de Lovable-community.
• Complexe logica, machtigingen en beveiliging moeten nog steeds worden getest door iemand die code kan lezen.
• Alleen React en TypeScript; geen native mobiele output.
• Een geïmplementeerde app wordt gepauzeerd wanneer de credits op zijn.

Hoe Lovable zich verhoudt tot andere platforms

• Bubble: een visueel no-code-platform met een eigen database en native mobiele builds; meer controle, geen code-export.
• FlutterFlow: een visuele builder voor native mobiele en webapps met Flutter-code-export.
• Softr: klantportalen en interne tools bovenop Airtable, Google Sheets of databases.
• Glide en Adalo: eenvoudigere app-bouwers voor interne en mobiele apps.
• Webflow en Framer: visuele websitebouwers voor als je een marketingsite nodig hebt in plaats van een app.
• Supabase: de Postgres-backend die Lovable gebruikt; kies deze direct wanneer een ontwikkelaar de front-end bouwt.
• Builder.io: visuele bewerking en AI-gestuurde ‘design-to-code’ bovenop je eigen codebase.

v0 en Base44 zijn andere AI-app-bouwers die het proberen waard zijn, en beide komen aan bod in de eigen vergelijkingsgidsen van Lovable.

Is Lovable de moeite waard?

Lovable is de moeite waard voor oprichters, ontwerpers en kleine teams die snel een werkende webapp of SaaS-prototype willen en waarde hechten aan het bezit van de code. Het gratis abonnement is voldoende om het idee te testen, en het Pro-abonnement dekt de meeste vroege projecten. Het is minder geschikt voor native mobiele apps, voor complexe producten met strenge compliance-eisen, of voor teams die behoefte hebben aan voorspelbare kosten op schaal. In die gevallen kan een ontwikkelaar, of een visueel platform met vaste prijzen, de betere keuze zijn. Als je hulp nodig hebt om een Lovable-prototype in productie te nemen, de beveiliging ervan te beoordelen of de code naar je eigen stack te verplaatsen, kunnen de low-code-bureaus en ontwikkelaars op LowCodeDevs je daarbij helpen.

Bronnen

• Lovable-prijzen: abonnementen, eigendom van de code, licenties en de studentenkorting.
• Lovable-documentatie: credits en gebruik: kosten van credits, opwaarderen, overdracht en wat er gebeurt als het saldo op nul staat.
• Lovable-documentatie: Supabase-integratie: Lovable Cloud en ‘bring-your-own’ Supabase.
• Lovable (bedrijf), Wikipedia: oprichters, oprichtingsjaar en GPT-engineer.
• Lovable-prijzen, No Code MBA: tarieven van abonnementen en maandelijkse credits.
• Lovable AI-recensie, Start Designs: praktijktest en beperkingen.
• Gratis alternatief voor Lovable, Dyad: kritiek op lock-in (geschreven door een concurrent; de bewering dat je geen keuze hebt uit hostingproviders is in tegenspraak met de tweerichtingssynchronisatie met GitHub en de mogelijkheid tot zelfhosting van Lovable).
• Alternatieven voor Lovable, Zite en WeWeb versus Lovable: alternatieven (geschreven door concurrenten).