Bolt.new — Full-Stack-Apps im Browser
Bolt.new ist eine Browser-IDE für Full-Stack-Entwicklung mit NPM-Support und Collaboration.
Preise und Features: Stand 24. Februar 2026. Preise ändern sich laufend — prüfe vor Entscheidungen immer die offizielle Pricing-Seite.
Was ist Bolt.new?
Bolt.new ist eine Browser-basierte Entwicklungsumgebung, die Full-Stack-Anwendungen direkt im Browser baut — mit echtem NPM-Support, Terminal-Zugriff und der Fähigkeit, komplette Node.js-Backends zu erstellen. Während Lovable sich auf Frontend und React-Apps konzentriert, geht Bolt.new einen Schritt weiter und ermöglicht echte Full-Stack-Entwicklung.
Das Besondere an Bolt.new ist die WebContainer-Technologie von StackBlitz. Dein Code läuft nicht auf einem externen Server, sondern direkt in deinem Browser — in einer vollwertigen Node.js-Umgebung. Das bedeutet: npm install, Express-Server, Datenbank-Verbindungen — alles passiert lokal in deinem Browser-Tab. Kein externer Server, keine Latenz, keine Abhängigkeit von einer Cloud-Infrastruktur für die Entwicklung.
Du beschreibst dein Projekt per Prompt, und Bolt.new generiert eine komplette Anwendung mit Frontend, Backend und Konfiguration. Du kannst den generierten Code direkt im integrierten Editor bearbeiten, Tests laufen lassen und die App deployen. Für Full-Stack-Prototypen ist das einer der schnellsten Wege von der Idee zum funktionierenden Produkt.
Key Features
- WebContainer-Technologie — Volle Node.js-Umgebung direkt im Browser. NPM-Pakete installieren, Server starten, Build-Prozesse ausführen — alles ohne lokale Installation oder externe Infrastruktur.
- Prompt-to-Full-Stack — Beschreibe deine App und bekomme Frontend und Backend in einem Schritt. React, Vue, Svelte, Express, Fastify — Bolt.new unterstützt diverse Frameworks.
- Integrierter Code-Editor — Ein vollwertiger Editor im Browser mit Syntax-Highlighting, File-Tree und Terminal. Du kannst den generierten Code direkt anpassen, ohne in eine externe IDE zu wechseln.
- NPM-Support — Jedes NPM-Paket ist verfügbar. Du bist nicht auf eine vordefinierte Auswahl beschränkt, sondern kannst beliebige Abhängigkeiten einbinden.
- Collaboration — Teile dein Projekt per Link mit anderen. Ideal für Pair-Programming, Code-Reviews oder Demos.
- Deploy-Optionen — Direkt aus Bolt.new deployen oder den Code exportieren und auf deiner eigenen Infrastruktur hosten.
- Versionierung — Bolt.new speichert den Verlauf deiner Änderungen, sodass du zu früheren Versionen zurückkehren kannst.
Tarife
| Plan | Preis | Inkludiert | Für wen |
|---|---|---|---|
| Free | 0 $/Monat | Begrenzte Generierungen | Testen, kleine Experimente |
| Pro | 20 $/Monat | 10 Millionen Tokens/Monat | Regelmäßige Nutzung, Prototypen |
| Pro 50 | 50 $/Monat | Deutlich mehr Tokens, Priority | Intensive Nutzung, große Projekte |
Die Free-Tier reicht für einen ersten Eindruck, aber für ernsthaftes Arbeiten brauchst du mindestens den Pro-Plan. Die 10 Millionen Tokens klingen viel, aber bei Full-Stack-Generierung mit Backend-Code verbraucht sich das schneller als man denkt. Wer Bolt.new als Haupttool nutzt, sollte den Pro-50-Plan in Betracht ziehen.
Was macht Bolt.new stark?
Bolt.new besetzt eine einzigartige Position zwischen einfachen App-Buildern und professionellen IDEs:
- Echte Full-Stack-Fähigkeit — Das ist der entscheidende Unterschied zu Lovable und v0. Bolt.new kann nicht nur Frontends generieren, sondern komplette Backends mit API-Routen, Datenbankanbindung und Middleware. Für Prototypen, die mehr als eine hübsche Oberfläche brauchen, ist das ein Muss.
- WebContainers sind genial — Code läuft direkt im Browser, ohne dass du etwas installieren musst. Das eliminiert eine ganze Kategorie von Problemen: keine Node-Version-Konflikte, keine OS-abhängigen Build-Fehler, keine „works on my machine"-Momente.
- NPM-Freiheit — Du kannst jedes NPM-Paket nutzen. Das klingt selbstverständlich, ist es aber bei vielen Browser-basierten Tools nicht. Bolt.new schränkt dich nicht ein.
- Sofortige Ergebnisse — Vom Prompt zur laufenden Full-Stack-App in Minuten. Für Hackathons, Proof-of-Concepts und schnelle Validierung ist das unschlagbar.
- Collaboration ohne Setup — Link teilen, und dein Team kann mitarbeiten. Kein Git-Setup, kein „clone das Repo mal", kein Onboarding-Aufwand.
Für wen ist Bolt.new die richtige Wahl?
Bolt.new ist die richtige Wahl, wenn du Full-Stack-Prototypen bauen willst, ohne eine lokale Entwicklungsumgebung aufzusetzen — oder wenn du schnell eine funktionierende Demo brauchst.
- Full-Stack-Prototyper — Du brauchst nicht nur ein Frontend, sondern auch API-Routen, Datenbanklogik und Server-Side-Rendering? Bolt.new kann das, direkt im Browser.
- Hackathon-Teams — Schneller geht's kaum. Alle arbeiten im Browser, kein Setup, kein Git-Merge-Chaos. In 48 Stunden von der Idee zum Produkt.
- Entwickler ohne lokales Setup — Auf einem Chromebook, einem Firmenrechner ohne Admin-Rechte oder einfach unterwegs? Bolt.new braucht nur einen Browser.
- Lernende und Experimentierende — Du willst verschiedene Frameworks ausprobieren, ohne jedes Mal ein neues Projekt lokal aufzusetzen? Bolt.new macht Experimentieren trivial.
Wenn du langfristig an einem Produkt arbeitest und volle Kontrolle über dein Setup brauchst, sind Cursor oder Windsurf die besseren Werkzeuge. Wenn du nur Frontend brauchst und die einfachste Lösung suchst, ist Lovable möglicherweise zugänglicher. Für Terminal-basiertes Arbeiten: Claude Code.
Wo kannst du Bolt.new nutzen?
- Browser: Komplett webbasiert, funktioniert in Chrome, Edge, Firefox
- Runtime: WebContainer mit Node.js im Browser
- Frameworks: React, Vue, Svelte, Next.js, Express, Fastify und mehr
- Deploy: Integriertes Deployment oder Code-Export
Offizielle Links
- Website: bolt.new
- Pricing: bolt.new/pricing