Hoe een Utrechtse MKB-adviseur spreadsheets verving door een Lovable-app

Waarom traditionele tools afvielen

Voorheen zou zo’n traject het inhuren van een softwarebureau vereisen, met een doorlooptijd van meerdere maanden en een budget van tienduizenden euro’s. No-code platforms zoals Bubble boden uitkomst, maar de leercurve bleek steil voor een eenmalig project. Lovable veranderde die dynamiek. Door in natuurlijke taal te beschrijven wat het systeem moest doen, kon Sander in korte tijd een werkend prototype opzetten. Op lvbl.nl benadrukken we vaker dat Lovable geen magische toverstok is, maar voor dit specifieke type interne bedrijfstools blijkt het platform uitstekend geschikt.

De opbouw van het eerste prototype

Het bouwproces begon niet met het vragen om een volledig afgewerkte app, maar met een strakke visie op de datastructuur. Sander startte in Lovable door de kernentiteiten te definiëren: monteurs, projecten, inspectieformulieren en fotobijlagen. In plaats van direct de lay-out te ontwerpen, liet hij de AI eerst de benodigde tabellen en relaties opzetten in Supabase. Zodra het fundament van de database stond, werd de frontend stap voor stap opgebouwd.

Een gebruikersinterface voor op de bouwplaats

Monteurs werken vaak op een telefoon of tablet in omstandigheden met matig mobiel bereik. De interface moest daarom overzichtelijk en robuust zijn. Lovable genereerde een responsive dashboard waarin monteurs met grote knoppen door een inspectielijst kunnen navigeren. In plaats van lappen tekst in te voeren, werken ze voornamelijk met keuzemenu’s, schakelaars en de mogelijkheid om direct foto’s te uploaden via de camera van de telefoon.

Automatische rapportage en e-mailnotificaties

Een van de grootste tijdslurpers in het oude proces was het handmatig omzetten van inspectie-aantekeningen naar een PDF-rapport voor de klant. Met Lovable voegde Sander een Edge Function toe die bij het afronden van een inspectie automatisch een net opgemaakt rapport genereert. Via een eenvoudige integratie met een maildienst krijgt de klant binnen enkele minuten na het vertrek van de monteur het opleverdocument in de mailbox.

Valkuilen tijdens de ontwikkeling

Het traject verliep niet geheel vlekkeloos. In de eerste fase probeerde Sander te veel functionaliteit in één enkele prompt te proppen. Dit leidde tot fouten in het beheer van de applicatiestatus en code die bestaande functies per ongeluk overschreef. De oplossing lag in een meer gestructureerde aanpak: kleine, specifieke aanpassingen doorvoeren en tussentijds controleren. Ook bleek het essentieel om duidelijke instructies vast te leggen over hoe de AI met herbruikbare UI-componenten moet omgaan.

Het resultaat in de praktijk

Na vier dagen ontwikkelen en testen werd de applicatie in gebruik genomen door het installatiebedrijf. De binnendienst bespaart nu wekelijks ruim twaalf uur aan administratief werk. Belangrijker nog: de foutgevoeligheid is drastisch afgenomen omdat monteurs verplichte velden niet meer kunnen overslaan. Het project bewijst dat je met de juiste voorbereiding en een helder doel binnen enkele dagen een waardevol softwareproduct kunt opleveren dat daadwerkelijk in productie draait.

Praktische tips voor je eigen MKB-applicatie

Als je zelf een soortgelijke applicatie wilt bouwen voor een klant of je eigen onderneming, zijn er een paar concrete stappen die het proces aanzienlijk versnellen:

- Begin altijd met de datastructuur en definieer duidelijk welke gegevens opgeslagen moeten worden. - Houd prompts kort en focus op één specifiek onderdeel of scherm per interactie. - Test de applicatie direct op het apparaat waarop de uiteindelijke gebruiker werkt. - Gebruik Supabase voor authenticatie en rolgebaseerde toegang zodat gevoelige data afgeschermd blijft.

Conclusie

Het succesvol bouwen met Lovable staat of valt met de sturing die je het systeem geeft. Door het proces op te knippen in overzichtelijke deeltaken en de focus te leggen op een praktisch probleem, is het mogelijk om zonder diepgaande programmeerkennis software te leveren die direct maatschappelijke of zakelijke waarde toevoegt.