---
title: "Wat is Lovable? Zo werkt de AI-appbouwer"
date: 2026-08-01
author: ""
featured_image: "https://lovableseo.nl/wp-content/uploads/2026/08/tmp-wat-is-lovable-hero.png"
categories:
  - name: "Lovable basics"
    url: "/category/lovable-basics.md"
---

# Wat is Lovable? Zo werkt de AI-appbouwer

# 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, met Supabase erachter als je een database of inloggen nodig hebt.

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.

In één zinEen AI-appbouwer die via een chatgesprek een werkende website of webapp voor je schrijft.Wat je krijgtEen project op een React-stack, gehost bij Lovable, met Supabase erachter als je een database of inloggen nodig hebt.Wat het kostGratis om te proberen. Een eigen domein begint bij $25 per maand.Van wie is hetVan jou. Lovable stelt dat jij eigenaar bent van je apps, je websites, je klantgegevens en de AI-uitvoer.Waar het misgaatBij vindbaarheid. Een werkende app is nog geen app die Google kan lezen.## 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](https://lovable.dev/pricing).

AbonnementPrijsWat je krijgtFree$0 per maandDagelijkse gratis credits, projecten op een lovable.app-domein en maximaal 5 lovable.app-domeinen.Pro$25 per maand100 credits per maand, rollover van credits, een eigen domein en de mogelijkheid om de Lovable-badge weg te halen.Business$50 per maandTeamfuncties en SSO.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](/wat-kost-lovable/) 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](/agency-playbook/), 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](/lovable-opzeggen/). Je site blijft online, je eigen domein niet.

## Wat er technisch onder zit

Lovable schrijft geen willekeurige code. Elk project komt op dezelfde basis te staan, en dat is precies waarom SEO-problemen bij Lovable-sites zo op elkaar lijken.

- **React als frontend.** Je pagina’s worden in de browser opgebouwd. Dat is snel voor een bezoeker die al binnen is, maar het betekende lange tijd dat een zoekmachine een lege pagina kreeg.
- **TanStack Start als nieuwe standaard.** Sinds mei 2026 rendert Lovable server-side. Nieuwe projecten leveren daardoor wél inhoud in de HTML. Oudere projecten niet automatisch — die moet je omzetten. Zie [wat de SSR-omslag betekent](/lovable-tanstack-start-ssr/).
- **Supabase voor de achterkant.** Zodra je een database, inloggen of opgeslagen gegevens nodig hebt, hangt Lovable daar Supabase aan.
- **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](/lovable-vs-webflow-vs-framer-nederlands-mkb/) 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

Sinds mei 2026 bouwt Lovable nieuwe projecten standaard met TanStack Start en server-side rendering. Google krijgt de inhoud dan direct in de HTML. Eerdere Lovable-projecten waren client-side rendered: zonder uitgevoerde JavaScript zag Google in eerste instantie lege HTML. Oudere projecten blijven zo werken totdat je ze migreert. Lees meer over de [overstap naar TanStack Start en server-side rendering](/lovable-tanstack-start-ssr/).

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.

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](/lovable-dev-seo-nederlands-beginnersgids/) 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](/seo-audit-tool/) voor een eerste controle. Wil je daarna gericht verbeteren, bekijk dan onze aanpak voor [SEO voor Lovable](https://lovableseo.nl/).

## 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 koppelt Lovable Supabase eraan. Publiceren doe je met de knop Publish; je site staat dan op een lovable.app-subdomein tot je je eigen domein koppelt.

Wat je erbij moet weten: de standaard build rendert je content pas nadat de JavaScript is uitgevoerd. Voor bezoekers maakt dat weinig uit, voor zoekmachines soms wel. Hoe je dat oplost lees je in [prerenderen voor Lovable-sites](/lovable-prerenderen-gratis-vs-betaald/), en wat er misgaat als je het laat staan staat in [waarom Lovable-sites slecht scoren](/waarom-lovable-sites-slecht-scoren/).

## Praktische vragen over Lovable

### Kun je inloggen op Lovable?

Ja, op [lovable.dev/login](https://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?

De bouwomgeving is een website: je werkt in de browser op lovable.dev. Wie “de Lovable app” zegt, bedoelt meestal de app die je met Lovable bouwt. Die host je via Lovable op een lovable.app-adres, of op je eigen domein zodra je die koppelt.

### 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](/wat-kost-lovable/) staat de volledige rekensom per abonnement.

 ![Sitestructuur: de homepage voor commerciele zoekvragen, met daaronder Wat is Lovable voor merk- en uitlegvragen, plus prerenderen en storing](https://lovableseo.nl/wp-content/uploads/2026/08/lovable-owner-structuur.png)Wie welke vraag beantwoordt: uitleg over Lovable hoort hier, de vraag waarom je site niet rankt hoort op de homepage.