Definitie: Bolt.new is een AI-appbouwer van StackBlitz waarmee je in de browser een complete webapplicatie laat maken door in gewone taal te beschrijven wat je wilt. De AI schrijft de code, installeert pakketten en toont direct een werkende preview, zonder dat je iets op je eigen computer hoeft te installeren.
In het kort
- Bolt.new is gemaakt door StackBlitz en draait op hun WebContainers-techniek, die een volledige Node.js-omgeving in de browser uitvoert.
- Je kunt bouwen met frameworks als React, Vue, Next.js, Svelte en Astro.
- Het prijsmodel is gebaseerd op tokens: een gratis plan met een limiet en betaalde plannen voor meer gebruik.
- Bolt is sterk voor prototypes en eerste versies; voor livegang met echte gebruikers is controle van de code nodig.
Wat is Bolt.new?
Bolt.new, vaak gewoon Bolt genoemd, is een van de bekendste tools voor vibe coding: software maken door te beschrijven wat je wilt in plaats van zelf te programmeren. Je opent de website, typt een opdracht zoals “maak een app waarin klanten een afspraak kunnen boeken”, en Bolt bouwt een eerste versie met schermen, logica en vaak ook een database.
Het verschil met veel andere AI-tools is dat alles in de browser gebeurt. StackBlitz ontwikkelde eerder WebContainers, een techniek die een complete ontwikkelomgeving in de browser laat draaien. Bolt gebruikt die techniek om code te schrijven, pakketten te installeren, de app te starten en fouten te tonen, allemaal in één venster.
Daardoor is de drempel laag. Je hebt geen ontwikkelomgeving, geen server en geen kennis van de command line nodig om iets werkends te zien. Dat maakt Bolt populair bij ondernemers, ontwerpers en productmensen die een idee snel tastbaar willen maken.
Hoe werkt Bolt.new?
- Beschrijven. Je typt in gewone taal wat de app moet doen. Hoe specifieker, hoe beter het resultaat.
- Genereren. Bolt kiest een framework, maakt de bestanden aan en installeert wat nodig is.
- Preview bekijken. Naast de chat zie je de werkende app en de code.
- Bijsturen. Je vraagt om aanpassingen: een extra veld, een andere kleur, een fout die opgelost moet worden.
- Koppelen. Voor een database, inloggen en opslag kun je Supabase koppelen; voor betalingen bijvoorbeeld Stripe.
- Publiceren. Met een koppeling naar Netlify zet je de app online. Via GitHub bewaar je de code in versiebeheer.
Wat kun je met Bolt.new bouwen?
- Prototypes en MVP’s om een idee te testen met echte gebruikers.
- Interne tools zoals een formulier met overzicht, een eenvoudige planning of een dashboard.
- Landingspagina’s en websites met interactieve onderdelen.
- Rekentools met invoer, berekening en uitkomst.
- Mobiele apps via Expo, als eerste versie.
Voordelen en nadelen van Bolt.new
| Voordelen | Nadelen |
|---|---|
| Binnen minuten een werkende eerste versie | Kwaliteit en structuur van de code wisselen |
| Alles in de browser, geen installatie | Tokens raken snel op bij grotere projecten |
| Echte code die je kunt exporteren | Beveiliging en rechten moet je zelf controleren |
| Koppelingen met Supabase, Netlify, GitHub en Stripe | Elke nieuwe prompt kan iets anders breken |
| Laagdrempelig voor niet-programmeurs | Complexe logica en koppelingen worden lastig |
Tips voor betere resultaten
- Begin met een korte specificatie. Beschrijf voor wie de app is, welke schermen er zijn, welke gegevens je opslaat en welke rollen er bestaan. Een paar alinea’s vooraf besparen veel correcties.
- Bouw in kleine stappen. Vraag om één onderdeel tegelijk en controleer het voordat je verder gaat.
- Leg vast wat werkt. Bewaar tussenversies via GitHub, zodat je terug kunt als een nieuwe opdracht iets breekt.
- Wees concreet bij fouten. Beschrijf wat je deed, wat je verwachtte en wat er gebeurde, en plak de foutmelding mee.
- Let op je tokens. Grote, vage opdrachten kosten veel. Gerichte vragen over één bestand of onderdeel zijn zuiniger.
- Test met echte situaties. Vul lange namen, lege velden en verkeerde invoer in, net zoals echte gebruikers dat doen.
Wat kost Bolt.new?
Bolt werkt met tokens: elke opdracht aan de AI verbruikt er een aantal, afhankelijk van hoe groot het project is. Er is een gratis plan met een dagelijkse en maandelijkse limiet, en er zijn betaalde plannen voor meer gebruik, vanaf ongeveer $20 per maand. Grotere projecten verbruiken meer tokens per opdracht, omdat de AI meer code moet lezen. Controleer de actuele prijzen op de website van Bolt, want die veranderen regelmatig.
Bolt.new versus andere AI-appbouwers
| Tool | Sterk in | Let op |
|---|---|---|
| Bolt.new | Volledige apps in de browser, veel frameworks | Tokenverbruik bij grote projecten |
| Lovable | Complete webapps voor niet-programmeurs | Beveiliging van gegenereerde apps controleren |
| v0 (Vercel) | Interfaces en frontend-onderdelen | Minder gericht op complete backend |
| Replit | Bouwen, draaien en hosten met een AI-agent | Agent kan zelfstandig wijzigingen doen |
| Cursor, Claude Code | AI in een bestaande codebase voor ontwikkelaars | Vraagt programmeerkennis |
Waar let je op voordat je live gaat?
Een app uit Bolt kan er klaar uitzien terwijl er onder de motorkap nog veel ontbreekt. Controleer voor livegang in elk geval:
- Rechten. Ziet een gebruiker alleen zijn eigen gegevens? Bij Supabase betekent dat vaak dat de beveiligingsregels op de database goed moeten staan.
- Geheimen. Staan API-sleutels en wachtwoorden niet zichtbaar in de code van de browser?
- Gegevens en AVG. Waar staan de gegevens van gebruikers, en is er een verwerkersovereenkomst?
- Fouten. Wat gebeurt er bij een dubbele invoer, een mislukte betaling of een lege lijst?
- Onderhoud. Wie past de app aan als er iets verandert, en begrijpt diegene de code?
Wat betekent dit voor jouw project?
Ik werk zelf ook met Bolt. Mailyooo, mijn eigen e-mailmarketingsoftware voor contacten, campagnes en formulieren, heb ik in Bolt gebouwd. Daarna heb ik de code onderzocht, onder meer de verzendwachtrij en de uitschrijffilters. Een koppeling beschrijf ik pas als werkend wanneer ik dat actueel heb bevestigd.
Ook voor nieuwe ideeën gebruik ik Bolt, bijvoorbeeld voor het uitwerken van een bouwspecificatie of een uitbreidingsontwerp. Wat ik daarbij steeds meeneem: gebruik de snelheid voor de eerste versie en controleer daarna wat er echt gebouwd is. Verzenden, opslaan en rechten zijn ketens met keuzes. Die wil je begrijpen voordat je klanten erop laat vertrouwen.
Heb je een app gemaakt met Bolt en wil je hem veilig in gebruik nemen? Stuur me wat de app doet, wie hem gebruikt en waar je tegenaan loopt. Dan kijken we samen wat nodig is om verder te kunnen.
Veelgestelde vragen over Bolt.new
Wat is Bolt.new?
Bolt.new is een AI-appbouwer van StackBlitz waarmee je in de browser een webapplicatie laat maken door te beschrijven wat je wilt. De AI schrijft de code en toont direct een werkende preview, zonder installatie op je eigen computer.
Is Bolt.new gratis?
Bolt.new heeft een gratis plan met een limiet op het aantal tokens per dag en per maand. Voor meer gebruik zijn er betaalde plannen. Grotere projecten verbruiken meer tokens per opdracht.
Kan ik een app uit Bolt.new zelf verder laten ontwikkelen?
Ja. Bolt maakt echte code die je kunt exporteren of via GitHub kunt bewaren. Een ontwikkelaar kan die code beoordelen, beveiligen en verder uitbouwen, al is het verstandig om eerst de structuur en de beveiliging te laten controleren.
Verwante termen
Vibe coding · Lovable · v0 · Replit · AI app builder · No-code · MVP
← Terug naar de kennisbank