Webshop maken met Lovable

Wie een webshop wil beginnen, voorheen twee logische keuzes: WooCommerce of Shopify. Met Shopify kies je voor een volledig gehost platform met een eigen manier van werken. Met WooCommerce kies je voor WordPress, plugins, thema’s en een hostingomgeving. Dat werkte prima, maar beide opties hebben hetzelfde nadeel: je past je webshop aan binnen een bestaand systeem.

Met Lovable ontstaat er een derde mogelijkheid. In plaats van een webshop binnen WooCommerce of Shopify te bouwen, laat je met AI een eigen webshopapplicatie bouwen die exact aansluit op jouw wensen.

In dit artikel leg ik uit hoe je met Lovable een eigen webshop met AI laat bouwen. Ook leg ik uit waar je op moet letten om dit veilig te houden.

Wat is Lovable?

Lovable is een AI-platform die het gemakkelijk heeft gemaakt om complexe applicaties of website snel te bouwen via AI. Het is een soort ontwikkelomgeving die AI-modellen gebruikt en vrijwel alles heeft geautomatiseerd zodat je zonder veel kennis een complexe applicatie bouwt. Simpelweg door te chatten met een AI-model. Dit wordt ook wel vibe coding genoemd. Lovable is niet de enige tool waarmee je kunt vibe coden. Maar het is wel een van de populairste en laagdrempelige tools. Een alternatief is Claude Code. Maar Claude Code is dit niet geschikt voor beginners die een complexe applicatie of webshop willen bouwen.

Je geeft Lovable een opdracht in de vorm van een prompt, waarna het systeem de benodigde code en onderdelen van de applicatie genereert. Begin daarbij niet meteen met een enorme opdracht voor de complete webshop. Werk liever stap voor stap. Geef bijvoorbeeld eerst de opdracht om een productdatabase en een overzichtspagina te maken. Daarna voeg je een winkelwagen toe en vervolgens een checkout. Na iedere stap controleer je het resultaat en stuur je het waar nodig bij.

Voorbeeldprompt: basiswebshop

Een eerste prompt voor Lovable kan direct de basis van de webshop beschrijven. Bijvoorbeeld:

Bouw een moderne, responsive webshop voor een bedrijf dat fysieke producten verkoopt. Maak een homepage, productoverzicht, categoriepagina's, productpagina's, winkelwagen en checkout.

Producten bevatten minimaal een naam, omschrijving, prijs, productafbeelding, categorie en voorraad. Maak een database waarin deze producten worden opgeslagen.

Voeg een eenvoudig beheerpaneel toe waarmee een beheerder producten en categorieën kan toevoegen, wijzigen en verwijderen en voorraad kan aanpassen.

Bezoekers moeten producten kunnen bekijken, aan de winkelwagen toevoegen en aantallen kunnen wijzigen. Toon op iedere relevante plek de actuele prijs en voorraad.

Gebruik een duidelijke, moderne vormgeving die goed werkt op desktop en mobiel. Bouw de applicatie modulair op, zodat later eenvoudig betalingen, verzendmethodes, klantaccounts en andere functies kunnen worden toegevoegd.

Zorg dat bezoekers geen toegang hebben tot het beheerpaneel en dat product-, voorraad- en prijsgegevens niet uitsluitend vanuit de frontend worden vertrouwd.

Deze eerste prompt hoeft nog niet alle details van de webshop te bevatten. Het is juist verstandiger om daarna per onderdeel verder te werken. Zo blijft duidelijk wat Lovable precies heeft aangepast en zijn eventuele fouten eenvoudiger op te sporen.

Een goede aanpak is dus bouwen, controleren en bijsturen. Laat eerst een klein onderdeel maken, test het zelf en geef daarna gerichte opdrachten voor verbeteringen of nieuwe functionaliteit. Zo groeit de webshop stap voor stap uit tot een complete applicatie, zonder dat je vooraf zelf alle technische details hoeft te kennen.

Wat kost Lovable?

Het prijsmodel bij Lovable is gebaseerd op credits en kan best een beetje complex zijn. Lovable heeft een gratis plan om mee te beginnen. Je ontvangt dan dagelijks 5 credits waarmee je kunt bouwen. Maar met een maximum van 30 credits per maand. Leuk om even te proberen, maar daarmee loop je al snel tegen een limiet aan als je serieus gaat bouwen.

De betaalde plannen bij Lovable beginnen bij 25 euro per maand. Je ontvangt maandelijks bij dan 100 credits. Ook krijg je dagelijks 5 gratis credits om te bouwen. Verder ontvang je maandelijks 20 gratis credits voor Lovable cloud (database) en 4 gratis credits voor AI-gebruik in je applicatie.

Met deze credits betaal je nagelang je gebruik van het platform. Er zijn dus 3 onderdelen waarvoor credits worden gerekend:

1. Bouwen en aanpassen

Het bouwen en aanpassen van je applicatie bij Lovable kost credits. Voor iedere taak die Lovable uitvoert worden credits gerekend op basis van complexiteit en hoeveelheid werk. Vooral wanneer je begint met bouwen, gaan hier de meeste credits naar toe.

2. Lovable Cloud

Lovable Cloud (Supabase) is de database die je bij de meeste projecten nodig hebt. Hier komt alle data in te staan van bijvoorbeeld je webshop. Denk aan orders, producten of prijzen. In dit geval worden credits gerekend op basis van de hoeveelheid waarop je een server belast. Volgens Lovable zijn de 20 gratis credits hiervoor meestal voldoende. Vergt jouw applicatie toch meer dan die 20 gratis credits, dan wordt dit afgetrokken van de 100 maandelijkse credits.

3. AI-toepassingen

Naast dat je AI gebruikt om mee te bouwen, kan het zijn dat je applicatie zelf ook een AI-model nodig heeft. Bijvoorbeeld een functie die teksten kan genereren. Hiervoor worden ook credits gerekend. Dat is niet heel gek, want het gebruik van een AI-model brengt altijd kosten met zich mee. Ook als je niet met Lovable werkt.

Zijn de maandelijkse AI-credits op? Dan wordt AI-gebruik verrekend met de maandelijkse 100 credits. Het gaat daarbij dus niet om het AI-gebruik om te bouwen, maar AI-gebruik in de applicatie zelf.

Is Lovable duur?

De prijs van Lovable is dus minimaal € 25 per maand bij een betaald abonnement. Maar als je enthousiast wordt en een uitgebreide applicatie bouwt dan gaat het snel met de credits. Als je niet wilt wachten op de volgende maand kun je het abonnement verhogen of eenmalig extra credits kopen. Tijdens het bouwen lopen de kosten dus al snel op. Ik kijk er niet raar van op als je de €100,- per maand zou passeren als kleine onderneming.

Is Lovable dus vreselijk duur? Nee dat zou te simpel zijn. Lovable kán behoorlijk prijzig worden, maar biedt ook echt veel waarde als je het goed aanpakt. Voor een redelijk lage investering kun je heel serieuze applicatie neerzetten welke veel meer waard is dan die paar honderd euro.

Maar je moet wel scherp blijven op de kosten en voorkomen dat je onnodig hoog abonnement hebt lopen met credits die je niet gebruikt. Want dan wordt het wel duur…

Wil je aan de slag met Lovable maar wel met ondersteuning? Neem even contact met me op via 06 - 106 34 377 of stuur een WhatsApp-bericht.

Geef een reactie

Je e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *