010 Coding Collective

010 Coding Collective

Wat is Lovable? Wat je ermee bouwt, wat het kost en waar het ophoudt

Lovable is een AI-tool die een complete webapp bouwt uit een beschrijving in een chat. Hoe het werkt, wat het kost, wat je er wel en niet mee maakt, en wat er nodig is voordat klanten je app gebruiken.

AI Lovable Vibe Coding Prompt-to-app Supabase React Software Development

Een app zonder code

Met Lovable heb je in een middag een werkende app met inlogscherm, database en eigen adres. Wie de code niet leest, weet alleen niet wat er onder de motorkap gebeurt.

Weet wat de tool regelt

Lovable bouwt de voorkant, koppelt een database en zet de app online. Beveiliging, betalingen en de logica achter je gegevens moet iemand zelf controleren.

Van prototype naar product

Lovable is de snelste weg om een idee te testen. Zodra echte klanten en echte gegevens erin komen, hoort er een review van een developer bij.

Het korte antwoord

Lovable is een AI-tool waarmee je een webapplicatie bouwt door in een chat te beschrijven wat je wilt. Je typt bijvoorbeeld “een boekingssysteem voor mijn kapsalon, met een agenda en een inlog voor klanten”, en Lovable maakt de schermen, de code en de koppeling met een database. Na een paar minuten staat er een app die je kunt aanklikken, aanpassen en online zetten.

Lovable komt uit Stockholm en begon als het opensourceproject GPT Engineer. Eind 2024 kreeg het de naam Lovable, en het groeide in korte tijd uit tot een van de bekendste vibe coding tools. Het is gemaakt voor mensen die geen code schrijven: oprichters, productmanagers, marketeers en ondernemers met een idee.

Hoe Lovable werkt

Je werkt in een scherm met links een chat en rechts een live voorbeeld van je app. Elke wijziging vraag je in gewone taal, en Lovable past de code aan en ververst het voorbeeld.

1

Beschrijven

Je vertelt wat de app moet doen, voor wie, en hoe het eruit moet zien. Een schets of screenshot mag ook. Hoe concreter de beschrijving, hoe beter de eerste versie.

2

Genereren

Lovable schrijft de app in React en TypeScript, met Tailwind voor de vormgeving. Dat is een gangbare, moderne opzet die een developer later zonder moeite kan lezen.

3

Data en inloggen

Voor een database, gebruikersaccounts en opslag van bestanden koppelt Lovable aan Supabase of aan zijn eigen cloud. Zo kan je app gegevens bewaren en weet hij wie er ingelogd is.

4

Bijsturen

Je klikt in het voorbeeld op een onderdeel en vraagt wat er anders moet. Voor kleine dingen als teksten en kleuren is er een visuele editor.

5

Publiceren

Met één klik staat de app online op een eigen adres, en op een betaald abonnement koppel je je eigen domeinnaam. De code kun je naar GitHub laten synchroniseren.

Die GitHub-koppeling is belangrijker dan hij lijkt. De code is van jou en staat ergens waar een developer hem kan openen. Zo kan de app later verder groeien dan de tool waarmee hij gemaakt is.

Wat kost Lovable?

Lovable werkt met credits: elk bericht in de chat kost er een of meer, afhankelijk van hoe groot de wijziging is. Er is een gratis abonnement met een klein aantal berichten per dag, genoeg om de tool te leren kennen. De betaalde abonnementen beginnen rond de 25 dollar per maand en geven je meer credits, privé-projecten en een eigen domeinnaam. Voor teams en bedrijven zijn er duurdere varianten. De actuele prijzen staan op de site van Lovable.

Reken op meer credits dan je denkt. Een app bouwen gaat snel, maar fouten oplossen kost berichten, en een fout die steeds terugkomt kan een flink deel van je maandbudget opslokken.

Wat je met Lovable bouwt, en wat lastiger is

Lovable is op zijn sterkst bij de eerste versie van een idee. Het wordt lastiger naarmate de app meer moet kunnen en meer mensen hem gebruiken.

Sterk in Lastiger bij
Soort app Prototypes, interne tools, dashboards, landingspagina's en een eerste versie van een SaaS-idee. Apps met complexe bedrijfsregels, veel rollen en rechten, of koppelingen met oudere systemen.
Snelheid Van idee naar klikbare app in uren, zonder developer. Elke nieuwe functie raakt meer bestaande code, en de AI overziet dat steeds minder goed.
Gegevens Testdata en een kleine groep gebruikers die je kent. Persoonsgegevens, betalingen en alles waar de AVG over gaat.
Beheer Een app die jij zelf beheert en waarvan een storing weinig kost. Een app waar klanten op rekenen, met updates, back-ups en monitoring.

Een uitgebreider overzicht van tools als Lovable, Bolt, v0 en Cursor, en welke bij welke situatie past, staat in vibe coding tools. Wil je juist als developer met AI in je eigen project werken, dan ligt Claude Code meer voor de hand.

Waar het misgaat: van prototype naar productie

Een Lovable-app ziet er af uit, en daar zit het risico. Wat je in het voorbeeld ziet, is de voorkant. Of de gegevens erachter goed beveiligd zijn, zie je daar niet.

In 2025 bleek bij honderden apps die met Lovable waren gebouwd de database voor iedereen leesbaar, omdat de beveiligingsregels in Supabase ontbraken of te ruim stonden.

Lovable heeft daarna een ingebouwde beveiligingsscan toegevoegd, en die vangt een deel van de problemen af. Een scan kent alleen de regels van jouw app niet. Hij weet niet dat een klant alleen zijn eigen afspraken mag zien, of dat een korting nooit boven de honderd procent mag uitkomen. Dat soort logica controleer je door de code te lezen.

Dit zijn de punten die we bij een Lovable-app het vaakst tegenkomen:

1

Beveiliging van de database

Regels die bepalen wie welke rijen in de database mag lezen en wijzigen, ontbreken of laten te veel door.

2

Geheimen in de voorkant

API-sleutels en wachtwoorden staan in code die in de browser draait, en daarmee zijn ze voor iedere bezoeker te vinden.

3

Logica die alleen in de browser zit

Prijzen, rechten en limieten worden in de voorkant gecontroleerd. Wie de app een beetje kent, omzeilt ze.

4

Geen tests en geen back-ups

Er is niets dat merkt wanneer een nieuwe wijziging iets ouds breekt, en geen plan voor als er data verdwijnt.

Alle vier zijn op te lossen zonder de app opnieuw te bouwen. Het moment daarvoor is zodra er echte klanten, echte gegevens of echt geld in de app komen: dan leest een developer de code. Hoe dat in zijn werk gaat, lees je in een vibe-coded app productieklaar maken.

Conclusie: de snelste start, met een review voor de lancering

Lovable maakt van een idee in een middag een app die werkt en die je kunt laten zien. Voor een prototype, een pitch of een interne tool is dat precies genoeg. Gaat de app naar klanten, dan wil je weten wat er in de code staat voordat een ander het ontdekt.

💜

Lovable = snel bouwen

Een eerste versie, een test bij gebruikers, een demo voor investeerders. Daar is het voor gemaakt.

🛡️

Review = veilig live

Database, rechten, geheimen en betalingen nagelopen door iemand die de code leest, voordat klanten erin zitten.

Veelgestelde vragen

Wat is Lovable?

Lovable is een AI-tool waarmee je een webapplicatie bouwt door in een chat te beschrijven wat je wilt. Lovable schrijft de code in React en TypeScript, koppelt een database en gebruikersaccounts via Supabase of zijn eigen cloud, en zet de app met één klik online. Het is gemaakt voor mensen die zelf geen code schrijven.

Is Lovable gratis?

Er is een gratis abonnement met een beperkt aantal berichten per dag. Daarmee leer je de tool kennen en bouw je een eenvoudige app. Voor meer berichten, privé-projecten en een eigen domeinnaam heb je een betaald abonnement nodig, dat begint rond de 25 dollar per maand. De actuele prijzen staan op de site van Lovable.

Is de code van een Lovable-app van mij?

Ja. Je kunt de code naar je eigen GitHub-account laten synchroniseren en daar verder mee werken, ook buiten Lovable. Een developer kan het project openen in een gewone ontwikkelomgeving, omdat het een standaard React- en TypeScript-project is.

Is een Lovable-app veilig?

Dat hangt af van hoe hij gebouwd is. Lovable heeft een ingebouwde beveiligingsscan, maar die kent de regels van jouw app niet, zoals wie welke gegevens mag zien. In 2025 bleek bij veel Lovable-apps de database open te staan door ontbrekende beveiligingsregels. Laat de code nakijken voordat er persoonsgegevens of betalingen in komen.

Wat is het verschil tussen Lovable en Bolt?

Beide bouwen een complete webapp uit een beschrijving in een chat, en ze lijken sterk op elkaar. Lovable legt de nadruk op een nette vormgeving en een vaste koppeling met Supabase voor data en inloggen. Bolt van StackBlitz draait de ontwikkelomgeving in je browser en laat je wat makkelijker in de code zelf kijken. Welke prettiger werkt, verschilt per project.

Kan ik met Lovable een app bouwen voor klanten?

Ja, veel startups lanceren hun eerste versie met Lovable. Zorg wel dat een developer de app nakijkt voordat klanten erin komen: de beveiliging van de database, de geheimen in de code, de logica achter prijzen en rechten, en een plan voor back-ups en updates.

Een Lovable-app die klaar moet zijn voor echte klanten?

Onze senior developers lezen je code, vinden wat er aan beveiliging en logica ontbreekt, en maken de app productieklaar zonder dat je opnieuw hoeft te beginnen.

Laten we je project bespreken

Van AI-prototypes die productie-klaar moeten worden tot strategisch advies, code audits of doorlopende development support. We denken graag vrijblijvend met je mee over de beste aanpak.

010 Coding Collective gratis consult
gratis

Gratis consult

In anderhalf uur bespreken we je project, uitdagingen en doelen. Eerlijk advies van senior developers, geen verkooppraatje.

1,5 uur met senior developer(s)
Analyse van je huidige situatie
Schriftelijke samenvatting achteraf
Concrete next steps