Wat is Lovable? Zo werkt de AI-appbouwer

Lovable is een AI-appbouwer waarmee je via een chat een website of webapp laat maken. Je beschrijft wat je nodig hebt, en Lovable bouwt een werkend project op een React-stack. Voor een database of inloggen kun je Lovable Cloud, Supabase of een andere backend gebruiken.

Je hoeft dus niet eerst zelf alle code te schrijven. Dat maakt Lovable vooral aantrekkelijk als je snel van een idee naar iets bruikbaars wilt. De keerzijde is dat een werkende app nog niet automatisch een goede, snelle of vindbare app is.

Hoe Lovable van een chatbericht een app maakt

Je begint met een beschrijving van het gewenste resultaat. Bijvoorbeeld: “Maak een eenvoudige boekingspagina met een formulier, een overzicht van beschikbare tijden en een bevestigingsscherm.” Lovable zet die opdracht om in een eerste versie. Daarna pas je het resultaat aan met nieuwe berichten in dezelfde chat.

Dat gesprek is tegelijk je bouwproces. Wil je een veld toevoegen, de navigatie veranderen of een fout herstellen? Dan geef je opnieuw een opdracht. Je kunt het resultaat steeds bekijken en verder aanscherpen. Voor functies zoals opgeslagen gegevens en gebruikersaccounts kan Lovable een koppeling met Supabase gebruiken.

Elke bouwopdracht of wijziging in de chat kost credits. Eén idee kan daardoor uit veel betaalde stappen bestaan. Eerst laat je een formulier bouwen, daarna verander je de velden, vervolgens herstel je de mobiele weergave en later pas je de bevestiging aan. Het creditsaldo daalt bij iedere opdracht. Denk daarom vooraf na over de gewenste pagina’s en functies. Een duidelijke opdracht voorkomt onnodige rondes, al zul je bij echt bouwen altijd moeten testen en bijsturen.

Wat kost Lovable?

Lovable heeft een gratis abonnement en twee betaalde abonnementen. De onderstaande prijzen zijn gecontroleerd op 1 augustus 2026. Check de actuele prijzen van Lovable.

Die maandprijs is niet je hele rekening. Credits verlopen, hosting gaat van hetzelfde saldo af en een eigen domein zit alleen in de betaalde plannen. In wat Lovable kost staat de volledige rekensom, inclusief wat er met je credits gebeurt als je stopt.

Free is geschikt om Lovable uit te proberen. Een eigen domein vraagt om Pro. Het aantal credits zegt alleen hoeveel bouwopdrachten en wijzigingen je kunt geven. Het zegt niets over hoeveel pagina’s je uiteindelijk hebt, want een lastige wijziging kan meerdere pogingen vragen.

Wat bouw je er wel en niet mee?

Lovable is sterk als snelheid zwaarder weegt dan volledige controle. Een eerste versie van een product, een landingspagina of een interne tool kun je snel zichtbaar en testbaar maken. Je ziet meteen of een idee logisch voelt en waar gebruikers vastlopen. Ook voor iemand die code kan lezen maar niet vanaf nul wil beginnen, kan dat veel tijd schelen.

Bij groot maatwerk wordt het minder vanzelfsprekend. Hoe meer uitzonderingen, koppelingen en specifieke technische eisen je toevoegt, hoe vaker je moet controleren wat de AI precies heeft aangepast. Ook een bestaande codebase met eigen afspraken en veel onderlinge afhankelijkheden past minder goed bij een chatgestuurde start. Lovable neemt technisch denkwerk niet weg. Je verplaatst een deel ervan van zelf schrijven naar goed omschrijven, controleren en herstellen.

Bouw je als agency meerdere Lovable-projecten, dan zijn vaste controles voor oplevering nuttig. Denk aan formulieren, mobiele weergave, metadata en indexeerbaarheid. Zo voorkom je dat een snelle eerste versie als ongeteste eindversie online gaat.

De voor- en nadelen

Voordelen

• Je maakt zonder lege projectmap snel een werkende eerste versie.
• Wijzigingen geef je in gewone taal door via dezelfde chat.
• De React-stack en Supabase-koppeling bieden een bruikbare basis voor websites en webapps.
• Een idee wordt snel zichtbaar, waardoor je eerder ontdekt wat niet goed werkt.

Nadelen

• Je bouwproces zit vast aan Lovable. Verhuizen naar een eigen codebase kan, maar kost werk.
• Credits raken snel op als een wijziging meerdere pogingen vraagt.
• Je moet gegenereerde aanpassingen blijven testen; een overtuigend chatantwoord is geen bewijs dat alles werkt.
• SEO vraagt eigen aandacht, ook wanneer de pagina er in de browser goed uitziet.

Die laatste twee punten hangen samen. Lovable verlaagt de drempel om iets te bouwen, maar niet de verantwoordelijkheid om het resultaat te beoordelen. Wie zonder controle publiceert, kan een nette voorkant hebben met fouten erachter.

Wil je later weer weg bij Lovable, lees dan eerst wat er gebeurt als je opzegt. Je site blijft online, je eigen domein niet.

Wat er technisch onder zit

Lovable schrijft geen willekeurige code. De basis hangt af van wanneer je project is aangemaakt. Dat verschil bepaalt welke renderingcontrole je nodig hebt.

• React als frontend. Oudere projecten gebruiken React met Vite en bouwen de pagina in de browser op. Lovable levert voor deze projecten ook vooraf gerenderde versies aan geverifieerde zoek-, sociale en AI-crawlers.
• TanStack Start voor nieuwe projecten. Volgens de actuele FAQ gebruiken projecten vanaf 13 mei 2026 server-side rendering; voor Enterprise geldt 22 juni 2026. Oudere projecten worden niet automatisch TanStack Start-projecten. Zie de overstap naar TanStack Start en SSR.
• Een backend voor gegevens en accounts. Daarvoor kun je Lovable Cloud, Supabase of een andere backend gebruiken; Supabase is dus geen verplichte keuze.
• Hosting bij Lovable zelf. Je publiceert naar een lovable.app-adres, of naar je eigen domein als je een betaald plan hebt.

Die stack verklaart waarom een Lovable-site er prima uitziet en toch onvindbaar kan zijn. Het gaat bijna nooit om de tekst; het gaat om de vraag of die tekst in de HTML staat op het moment dat Google langskomt.

Waar Lovable niet voor is

Eerlijk is eerlijk, want dit staat nergens op de marketingpagina’s.

• Een grote contentsite of blog. Lovable heeft geen CMS in de zin die je van WordPress kent. Vijftig artikelen beheren wordt handwerk. Daar is Webflow of Framer logischer.
• Een webshop met veel producten. Kan wel, maar je bouwt de productlaag zelf. Voor een echte catalogus kies je een winkelplatform.
• Iets waar je nooit meer naar omkijkt. Credits verlopen, je abonnement loopt door en de stack verandert. Het is software die onderhoud vraagt, geen brochure die je één keer laat drukken.

Waar het wel sterk in is: van een idee naar iets werkends in een middag, met code die van jou blijft.

Lovable en vindbaarheid in Google

Voor projecten vanaf 13 mei 2026 is TanStack Start met server-side rendering de standaard; Enterprise volgt vanaf 22 juni. De server kan de inhoud direct in de HTML leveren. Oudere React- en Vite-projecten blijven in de browser renderen, maar Lovable biedt daarvoor prerendering aan geverifieerde crawlers. Dat is iets anders dan een migratie naar SSR. Lees meer over de overstap naar TanStack Start en server-side rendering.

Een opvallend detail: de pricing-pagina van lovable.dev zelf gaf bij een gewone fetch zonder JavaScript op 1 augustus 2026 een lege HTML-shell terug. Dat is precies het soort renderingprobleem dat je bij een Lovable-site moet controleren. Wat je zelf in de browser ziet, hoeft niet hetzelfde te zijn als wat een crawler direct ontvangt.

Controleer in je project of je TanStack Start of React met Vite gebruikt. Bekijk vervolgens per belangrijke URL de ontvangen HTML, metadata en canonical. Test bij een ouder project ook de crawlerweergave. Met de Lovable SEO-audit kun je je publieke URL controleren; een losse fetch is geen bewijs van wat alle zoekmachines zien.

Server-side rendering helpt, maar regelt je vindbaarheid niet volledig. Metadata, een juiste canonical en een sitemap blijven je eigen werk. Controleer daarnaast of elke belangrijke pagina inhoud heeft die aansluit op een echte zoekvraag. De Nederlandse beginnersgids voor Lovable SEO helpt je die basis stap voor stap nalopen.

Is mijn Lovable-site vindbaar?

Dat weet je pas na een technische en inhoudelijke controle. Een pagina kan online staan en toch verkeerde metadata hebben, lastig te crawlen zijn of niet duidelijk maken waar hij over gaat. Begin met de gratis SEO-audit voor een eerste controle. Wil je daarna gericht verbeteren, bekijk dan onze aanpak voor SEO voor Lovable.

Lovable.dev, Loveable of Lovable AI: het is allemaal hetzelfde

Je komt de naam in het Nederlands in allerlei spellingen tegen: Lovable, Loveable, lovable.dev of gewoon “de Lovable app”. Het gaat steeds om hetzelfde product op lovable.dev. De schrijfwijze met dubbele e komt vaak voort uit de uitspraak; officieel is het Lovable, met één e.

Hoe werkt Lovable in de praktijk?

In drie stappen: je beschrijft je idee in de chat, Lovable genereert een werkende React-app die je meteen kunt bekijken, en daarna stuur je bij met vervolgprompts. Wil je gebruikers laten inloggen of data opslaan, dan kies je een backend zoals Lovable Cloud of Supabase. Publiceren doe je met de knop Publish; je site staat dan op een lovable.app-subdomein tot je je eigen domein koppelt.

Welke build je hebt maakt verschil: nieuwe TanStack Start-projecten gebruiken SSR, oudere React- en Vite-projecten browserrendering met prerendering voor geverifieerde crawlers. Controleer je eigen project; uit een lege gewone HTML-fetch kun je niet concluderen dat iedere crawler dezelfde lege pagina ontvangt. Meer uitleg staat in prerenderen voor Lovable-sites, en wat er misgaat als je het laat staan staat in waarom Lovable-sites slecht scoren.

Praktische vragen over Lovable

Kun je inloggen op Lovable?

Ja, op lovable.dev/login, met een Google-account of je e-mailadres. Je projecten blijven aan je account hangen. Samen aan één project werken zit in de betaalde abonnementen.

Is er een Lovable-app?

Je kunt bouwen in de browser op lovable.dev en via de officiële Lovable-apps voor iOS en Android. Die bouwomgeving is iets anders dan de app die je ermee maakt. Je eigen project publiceer je op een lovable.app-adres of een gekoppeld eigen domein.

Spreekt Lovable Nederlands?

Je kunt je opdrachten in het Nederlands intikken en de teksten op je site in het Nederlands vragen. De interface zelf is Engelstalig, en vrijwel alle documentatie en community-discussies zijn dat ook. Dat merk je daarna ook bij de SEO: bijna alles over het vindbaar maken van een Lovable-site staat in het Engels, vanuit een Amerikaanse context.

Prijzen en credits horen bij elkaar: in wat Lovable kost staat de volledige rekensom per abonnement.

Rendering en mobiele bouwomgeving gecontroleerd op 4 oktober 2026 aan de hand van de officiële Lovable-FAQ.