Oplossing
Repareer een vibe-gecodeerde app voordat hij echte gebruikers bereikt
Laatst bijgewerkt , published by Gjethe
Om een vibe-gecodeerde app te repareren, controleert u eerst wat de AI mogelijk heeft gemist: geheime sleutels zichtbaar in de browser, databasetabellen die iedereen kan lezen, rechtencontroles die alleen in de interface plaatsvinden en betalingen die de client vertrouwen. Dicht die gaten, los daarna bugs op met tests op hun plek, ruim gedupliceerde code op en rol uit met monitoring en back-ups. De meeste apps kunnen worden gerepareerd in plaats van herbouwd.
- 1Haal de code eruit
- 2Roteer en verberg geheimen
- 3Zet de gegevens op slot
- 4Test de kritieke flows
- 5Repareer en ontdubbel
- 6Rol goed uit
Hoe repareert u stap voor stap een vibe-gecodeerde app?
- 1
Haal de code eruit
Exporteer of synchroniseer het project naar een Git-repository die u bezit. Elke latere stap hangt af van de versiegeschiedenis.
- 2
Roteer en verberg geheimen
Elke sleutel die ooit in frontendcode of Git-geschiedenis heeft gestaan, moet worden vervangen en daarna in omgevingsvariabelen worden opgeslagen.
- 3
Zet de gegevens op slot
Schakel Row Level Security in of scherp Firebase-regels aan en verplaats rechtencontroles naar de server.
- 4
Test de kritieke flows
Schrijf geautomatiseerde tests voor aanmelding, inloggen, betaling en de kernfunctie voordat u ze wijzigt.
- 5
Repareer en ontdubbel
Los bugs op bij hun oorzaak en voeg de bijna identieke kopieën van logica samen die AI-tools vaak genereren.
- 6
Rol goed uit
Scheid staging en productie, voeg foutopsporing, uptimecontroles en geteste back-ups toe.
Vibe coding, een term die Andrej Karpathy in februari 2025 populair maakte, betekent software bouwen door die aan een AI te beschrijven en de code te accepteren die deze schrijft. Het heeft werkende producten in handen gegeven van mensen die ze nooit eerder hadden kunnen bouwen. Het heeft ook een golf apps opgeleverd die er afgewerkt uitzien maar waar niemand naar heeft gekeken die code kan lezen. Deze gids legt uit wat u moet controleren, wat u eerst moet repareren en wanneer u een ontwikkelaar inschakelt.
Wat zijn de fasen van het repareren van een vibe-gecodeerde app?
AI-prototype
Gebouwd met Lovable, Bolt, v0 of Cursor
Audit
Code, dataregels, geheimen en deployment
Beveiligen
Sleutels vernieuwd, toegangsregels en authenticatie hersteld
Stabilise
Bugs opgelost, logica opgeschoond, tests toegevoegd
Productie
Bewaakt, geback-upt en gedocumenteerd
Kunt u uw eigen app controleren? Een zelfcontrole in tien punten
Voor de meeste hiervan hoeft u geen code te lezen. Als een antwoord “nee” of “ik weet het niet” is, heeft de app een review nodig voor de lancering.
- Open de paginabron en zoek naar “key” of “secret”: er mogen geen privé-API-sleutels verschijnen
- Elke Supabase-tabel heeft Row Level Security ingeschakeld, met beleid dat past bij wie wat mag zien
- Firebase-beveiligingsregels staan niet in testmodus en staan geen open lees- of schrijfrechten toe
- Een uitgelogde bezoeker kan geen beheerpagina's openen of beheeracties aanroepen door de URL te raden
- Eén gebruiker kan de gegevens van een andere gebruiker niet zien door een ID in de adresbalk te wijzigen
- Prijzen en abonnementen komen van de server of de betaalprovider, nooit uit de browser
- Betaalwebhooks worden geverifieerd met het ondertekeningsgeheim van de provider
- Geheime sleutels staan in omgevingsvariabelen, niet in bestanden die in Git zijn vastgelegd
- Iemand wordt gewaarschuwd wanneer de app fouten geeft, via een tool als Sentry
- De database heeft een back-up en u hebt geprobeerd die te herstellen
Waarom heeft door AI gegenereerde code een review nodig?
AI-modellen schrijven code die antwoordt op de prompt. Ze zijn veel minder betrouwbaar bij dingen waar niemand om vroeg: welke gebruiker dit mag doen, wat er gebeurt bij onverwachte invoer, wat als twee verzoeken tegelijk binnenkomen. Veracode testte in 2025 meer dan 100 modellen op 80 codeertaken en vond dat 45% van de resultaten een bekende klasse beveiligingsfout bevatte, zonder duidelijke verbetering bij grotere of nieuwere modellen.
De gevolgen zijn echt. In 2025 scande een onderzoeker 1.645 apps uit de openbare showcase van één AI-appbouwer en vond 170 waarvan de databasetabellen konden worden gelezen met alleen de openbare sleutel die naar elke browser wordt verzonden, omdat Row Level Security niet was ingeschakeld. Het probleem werd vastgelegd als CVE-2025-48757. Het platform betwistte de verantwoordelijkheid en wees erop dat elke app-eigenaar zijn eigen gegevensregels beheert, en dat is precies het punt: de eigenaar moet het controleren.
Welke problemen komen voor in welke AI-tools?
De tool doet minder ter zake dan de stack die hij genereert. Dit zijn de patronen waar wij het eerst naar zoeken.
| Tool of stack | Typische opzet | Eerst controleren |
|---|---|---|
| Lovable | React, Vite en Supabase | Row Level Security op elke tabel, sleutels in de client-bundle |
| Bolt.new | React of Next.js, vaak met Supabase | Geheimen in de code, serverroutes zonder authenticatie |
| v0 | Next.js- en React-componenten | Server actions zonder rechtencontroles, uitsluitend client-side rendering |
| Replit | Full-stackapps gehost op Replit | Omgang met geheimen, databasetoegang, export en hostingplan |
| Cursor, Claude Code, Copilot | Elke stack, binnen uw eigen repository | Dubbele logica, ontbrekende tests, niet-gereviewde afhankelijkheden |
Wanneer stopt u met prompten en roept u een ontwikkelaar in?
Een bruikbare vuistregel: als dezelfde bug drie pogingen heeft overleefd, is de oorzaak waarschijnlijk structureel. Elke nieuwe prompt voegt meestal een tijdelijke omweg toe in plaats van de oorzaak op te lossen, en de codebase wordt na elke ronde moeilijker te wijzigen. Dat is het moment waarop iemand de code moet lezen in plaats van beschrijven.
Schakel vóór de lancering een ontwikkelaar in als de app persoonsgegevens opslaat, betalingen verwerkt of door een bedrijf wordt gebruikt om de bedrijfsvoering te draaien. In die gevallen zijn de kosten van een gemist beveiligingslek veel hoger dan de kosten van een review.
Veelgemaakte fouten bij het herstellen van door AI gebouwde code
De AI vragen of de code veilig is
Een model dat zijn eigen output beoordeelt, is geneigd het met zichzelf eens te zijn. Gebruik een mens of een speciale scanner, bij voorkeur beide.
Symptomen in de interface verhelpen
Een knop verbergen stopt het verzoek erachter niet. Rechten horen op de server en in de database.
Sleutels verwijderen zonder ze te vervangen
Een sleutel die uit de code is verwijderd, blijft geldig en staat nog in de Git-historie. Vervang hem bij de provider.
Blindelings pakketten toevoegen die de AI voorstelde
Modellen stellen soms pakketten voor die niet bestaan of verouderd zijn. Controleer elk pakket voordat u het installeert.
Ons standpunt
Bronnen en verder lezen
Veelgestelde vragen
Wat is een vibe-coded app?
Een app die grotendeels door een AI-model is gebouwd op basis van prompts in gewone taal, waarbij de bouwer de code accepteert zonder die in detail te beoordelen. Lovable, Bolt, v0, Replit en Cursor zijn veelgebruikte tools.
Zijn vibe-coded apps veilig?
Niet standaard. Veel apps zijn prima voor demo's, maar hebben gaten die ertoe doen bij echte gebruikers, vooral open databasetabellen, blootgestelde sleutels en rechtencontroles die alleen in de interface plaatsvinden.
Kan ik mijn vibe-coded app zelf herstellen?
U kunt de zelfcontrole op deze pagina uitvoeren en een deel van de problemen oplossen door zorgvuldig te prompten. Voor apps die persoonsgegevens of betalingen verwerken is een review door een ontwikkelaar vóór de lancering de moeite waard.
Moet ik mijn app helemaal opnieuw bouwen?
Zelden. De meeste door AI gebouwde apps hebben een werkende kern. Opnieuw bouwen is zinvol wanneer het datamodel in de kern onveilig is of de app zo klein is dat herstel meer kost.
Hoe controleer ik of Supabase Row Level Security is ingeschakeld?
Open in het Supabase-dashboard de tabeleditor of de pagina met authenticatiebeleid. Bij elke tabel ziet u of RLS is ingeschakeld en welke policies van toepassing zijn. Een tabel met RLS uit is leesbaar met de publieke sleutel.
Wat kost het om een vibe-coded app te herstellen?
Dat hangt af van de omvang van de code, de gegevens die worden verwerkt, de integraties en of de app al gebruikers heeft. Wij offreren eerst een audit en daarna de herstelwerkzaamheden op basis van de bevindingen.
Diensten die het mogelijk maken
Herstel van vibe-coded apps
Beveilig, debug en lanceer apps die zijn gebouwd met Lovable, Bolt, v0 of Cursor.
Secure code review
Laat uw codebase vóór de release controleren op beveiligingslekken.
MVP-ontwikkeling
Het kleinste product dat uw idee bewijst.
QA en softwaretesten
Handmatig en geautomatiseerd testen in verschillende browsers en op diverse apparaten.
Clouddeployment
Vercel, AWS, Azure en Google Cloud correct ingericht.
Webapplicaties en SaaS
Portalen, dashboards en abonnementsproducten.
Lees verder
Een vibe-coded app herstellen of opnieuw bouwen
Wanneer u door AI gegenereerde code herstelt en wanneer u opnieuw begint.
No-code vs maatwerkontwikkeling
Waar no-code uitblinkt en waar het ophoudt.
Een MVP lanceren
Van idee naar een product dat echte gebruikers kunnen proberen.
Wat kost een MVP?
Hoe u een MVP afbakent zodat het budget het idee bewijst.
Laten we het samen bespreken.
Vertel ons wat u nodig hebt. U krijgt een eerlijke beoordeling, een duidelijk plan en een schriftelijke offerte. Het eerste adviesgesprek is altijd gratis.
- Wat er daarna gebeurt
- 1U vertelt ons wat u nodig hebt
- 2We streven ernaar binnen 24 uur te reageren met vragen
- 3U ontvangt een schriftelijke offerte voor uw project