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.

  1. 1Haal de code eruit
  2. 2Roteer en verberg geheimen
  3. 3Zet de gegevens op slot
  4. 4Test de kritieke flows
  5. 5Repareer en ontdubbel
  6. 6Rol goed uit

Hoe repareert u stap voor stap een vibe-gecodeerde app?

  1. 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. 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. 3

    Zet de gegevens op slot

    Schakel Row Level Security in of scherp Firebase-regels aan en verplaats rechtencontroles naar de server.

  4. 4

    Test de kritieke flows

    Schrijf geautomatiseerde tests voor aanmelding, inloggen, betaling en de kernfunctie voordat u ze wijzigt.

  5. 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. 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?

  1. AI-prototype

    Gebouwd met Lovable, Bolt, v0 of Cursor

  2. Audit

    Code, dataregels, geheimen en deployment

  3. Beveiligen

    Sleutels vernieuwd, toegangsregels en authenticatie hersteld

  4. Stabilise

    Bugs opgelost, logica opgeschoond, tests toegevoegd

  5. Productie

    Bewaakt, geback-upt en gedocumenteerd

Beveiliging gaat vóór functies. Een app met een open database wordt niet veiliger van betere knoppen, dus de eerste fixes gaan altijd over wie gegevens kan zien en wijzigen.

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.

Welke problemen komen voor in welke AI-tools?
Tool of stackTypische opzetEerst controleren
LovableReact, Vite en SupabaseRow Level Security op elke tabel, sleutels in de client-bundle
Bolt.newReact of Next.js, vaak met SupabaseGeheimen in de code, serverroutes zonder authenticatie
v0Next.js- en React-componentenServer actions zonder rechtencontroles, uitsluitend client-side rendering
ReplitFull-stackapps gehost op ReplitOmgang met geheimen, databasetoegang, export en hostingplan
Cursor, Claude Code, CopilotElke stack, binnen uw eigen repositoryDubbele 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.

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.

  1. Wat er daarna gebeurt
  2. 1U vertelt ons wat u nodig hebt
  3. 2We streven ernaar binnen 24 uur te reageren met vragen
  4. 3U ontvangt een schriftelijke offerte voor uw project