Zurueck zu AI App Builders / Prompt-to-App Tools
AI App Builders / Prompt-to-App Tools
Bolt.new logo

Bolt.new

Bolt.new ist ein browserbasierter KI-App-Builder von StackBlitz zum Erstellen, Ausführen, Bearbeiten und Veröffentlichen von Full-Stack-JavaScript-Apps. Es kombiniert einen Chat-gesteuerten Coding-Agent mit einer In-Browser-Entwicklungsumgebung und einer integrierten Launch-Infrastruktur.

Quick Verdict

Wählen Sie Bolt.new, wenn Geschwindigkeit, browserbasierte Ausführung und integriertes Veröffentlichen wichtiger sind als tiefgreifende Kontrolle über jede Infrastrukturebene. Für ausgereifte Produktionssysteme behandeln Sie es als Beschleunigungsschicht und leiten Sie ernsthafte Arbeit über GitHub, Tests, Review und einen normalen Release-Prozess.

Last checked: Jun 13, 2026
Pricing checked: Jun 13, 2026
Editor Base
Browser
Pricing
Freemium
Platforms
Web browser, Chrome and Chromium-based desktop browsers, Mobile browser with limited editing/settings support
Bolt.new preview

Pricing Plans

Free

$0month

Öffentliche und private Projekte, tägliche/monatliche Token-Limits, Bolt-Branding, 10MB Uploads, Hosting und Bolt Database.

Pro

Recommended
$25month

Mehr Token, kein tägliches Token-Limit, kein Bolt-Branding, 100MB Uploads, benutzerdefinierte Domains, SEO-Boosting, erweiterte Datenbankkapazität und KI-Bildbearbeitung.

Teams

$30member/month

Alles aus Pro plus zentralisierte Abrechnung, Team-Zugriffsverwaltung, organisationsweites Teilen, private npm-Registries und Design-System-Wissen.

Enterprise

Custom

Erweiterte Sicherheit, Compliance-Unterstützung, Prioritäts-Support, benutzerdefinierte Workflows, SLAs, Governance, Onboarding und flexible Beschaffung.

Core Features

1Prompt-zu-App-Workflow

  • Generieren Sie Websites, Web-Apps und JavaScript-basierte Full-Stack-Apps aus natürlichen Sprachprompts.
  • Nutzen Sie den Plan-Modus, um Änderungen durchzudenken, bevor der Code modifiziert wird.
  • Wechseln Sie in einem einzigen Arbeitsbereich zwischen Chat, Code-Ansicht, Live-Vorschau und Projekteinstellungen.

2Browser-Entwicklungsumgebung

  • Führt Entwicklungsarbeit im Browser mit StackBlitz WebContainers aus.
  • Unterstützt npm-Pakete, Frontend-Frameworks, Node.js-Backends, Terminal-Workflows und Live-Vorschauen.
  • Bietet direkten Code-Zugriff anstatt das generierte Projekt hinter einer No-Code-Ebene zu verbergen.

3Integrierte Launch-Stack

  • Veröffentlichen Sie auf einer live gehosteten Bolt-URL und nutzen Sie Bolt Cloud für Hosting, Datenbanken, Authentifizierung, Speicher, Funktionen, Analytics und Domains.
  • Verwenden Sie standardmäßig Bolt Database oder verbinden Sie Supabase für erweiterte Datenbankkontrolle.
  • Fügen Sie Stripe-Zahlungen, benutzerdefinierte Domains und SEO-orientierte Veröffentlichungsoptionen hinzu, soweit durch den Plan unterstützt.

4Integrationen und Kontext

  • Importieren oder erstellen Sie GitHub-Repositories für Versionskontrolle und Übergabe.
  • Importieren Sie Figma-Frames und nutzen Sie Design-System-Wissen in unterstützten Team-Workflows.
  • Verbinden Sie externe Tools über integrierte oder benutzerdefinierte MCP-Connectors.

5Team- und Admin-Kontrollen

  • Team-Arbeitsbereiche mit zentralisierter Abrechnung und Zugriffsverwaltung.
  • Organisationsweites Teilen, Benutzerbereitstellung und granulare Admin-Kontrollen auf höheren Stufen.
  • Enterprise-Optionen für SSO, Audit-Logs, Compliance-Unterstützung, Aufbewahrungsrichtlinien, SLAs und Onboarding.

Pros

  • Schneller Ideen-zu-funktionsfähiger-App-Flow in einem Browser.
  • Full-Stack-JavaScript-Generierung mit Live-Runtime und direktem Code-Zugriff.
  • Integriertes Hosting, Datenbank, Authentifizierung, Domains und Analytics reduzieren Einrichtungsaufwand.
  • GitHub-Integration bietet einen praktischen Ausweg aus der Plattform.
  • Nützlich sowohl für Nicht-Entwickler als auch für Entwickler, die Produktideen prototypen.

Cons

  • Token-Verbrauch kann bei großen oder vagen Projekten schnell ansteigen.
  • Gehostetes Bolt ist hauptsächlich auf JavaScript und Node.js-Backends ausgerichtet.
  • Komplexe Produktions-Apps benötigen immer noch Code-Review, Tests, Sicherheitshärtung und Observability.
  • Der kostenlose Plan hat Branding und engere Token/Datei-Limits.
  • Einige Mobilbrowser-Funktionen sind im Vergleich zu Desktop-Chromium eingeschränkt.

Warum Bolt.new wählen?

Bolt.new ist am stärksten, wenn das Ziel darin besteht, von der Idee zu einem laufenden Web-Produkt zu gelangen, ohne erst eine lokale Entwicklungsumgebung, einen Hosting-Pipeline, eine Datenbank und eine KI-Codier-Einrichtung aufbauen zu müssen. Der Hauptunterschied liegt nicht nur darin, dass es Code aus Prompts schreibt; es kann auch das Projekt ausführen, Pakete installieren, eine Live-Vorschau bereitstellen, Dateien bearbeiten und alles aus demselben Browser-Arbeitsbereich heraus veröffentlichen.

Das macht es besonders nützlich für die frühe Produktentdeckung. Ein Gründer kann ein SaaS-Dashboard beschreiben, ein Marketer kann eine Kampagnen-Mikroseite ausliefern und ein Entwickler kann eine React- oder Node.js-Idee prototypisieren, bevor entschieden wird, ob die Arbeit in ein konventionelles Repository und CI/CD-Setup überführt werden soll. Der Kompromiss ist, dass der Komfort an Bolt's Token-basierten Workflow gebunden ist: breite, vage Prompts und umfangreicher Projektkontext können mehr Nutzung verbrauchen als ein disziplinierter Schritt-für-Schritt-Aufbau.

Kern-Workflow

Ein praktischer Bolt-Workflow beginnt normalerweise mit einem präzisen Produktbriefing anstatt einer einzeiligen Idee. Definiere den App-Typ, Zielnutzer, Seiten, Datenmodell, Integrationen, Stilrichtung und was als Mock oder produktionsreif umgesetzt werden soll. Für größere Projekte lohnt sich der Plan-Modus vor dem Build-Modus, da er dem Agenten ermöglicht, über die Implementierung nachzudenken, bevor Dateien geändert werden.

Nachdem Bolt die App gestaltet hat, ist der beste Rhythmus iterativ: Vorschau prüfen, generierten Code inspizieren, gezielte Änderungen anfordern und GitHub verbinden, sobald die Richtung stabil ist. Erfahrene Entwickler sollten Bolt als schnellen Implementierungspartner betrachten, nicht als Ersatz für Architektur-Review. Nicht-Entwickler sollten Zeit für QA, Barrierefreiheits-Checks, Sicherheitsprüfung und Datenverarbeitungsentscheidungen einplanen, bevor sie die Ausgabe in der Produktion nutzen.

Anwendungsfälle

Bolt.new eignet sich für schnelle MVPs, Landingpages, interne Tools, Kundenprototypen, Klassenprojekte und JavaScript-basierte Full-Stack-Experimente. Es ist auch eine gute Wahl für Design-zu-Code-Workflows, wenn ein Team bereits Figma-Frames oder ein Design-System hat und eine funktionierende Implementierung schnell erstellen möchte.

Es ist weniger ideal, wenn das Backend in Python, PHP, Ruby, Go oder einer anderen Nicht-JavaScript-Laufzeitumgebung sein muss. Es kann nützlichen Frontend-Code für viele Produkte generieren, aber Teams mit komplexer Infrastruktur, regulierten Daten, benutzerdefinierten Bereitstellungsregeln oder ausgereiften Monorepos sollten einen Übergang in ihren bestehenden Engineering-Workflow planen.

Vergleich mit Alternativen

Im Vergleich zu v0 ist Bolt.new umfassender: v0 wird häufig für die Generierung von Oberflächen und React-Komponenten verwendet, während Bolt sich auf den gesamten App-Zyklus aus Code, Runtime, Vorschau, Backend und Veröffentlichung konzentriert. Im Vergleich zu Lovable gibt Bolt den Nutzern eine sichtbarere Kontrolle über die Entwicklungsumgebung und den Code, während Lovable für Nutzer, die weniger manuelle Code-Interaktion wünschen, eher produktbauorientiert wirken mag. Im Vergleich zum Replit Agent ist Bolt stärker auf browserbasiertes JavaScript/WebContainers-ähnliches Web-Development ausgerichtet, während Replit eher einer allgemeinen Cloud-IDE und gehosteten Compute-Umgebung entspricht.

Im Vergleich zu Cursor oder Windsurf ist Bolt nicht primär ein Editor für eine bestehende lokale Codebase. Es ist besser als browser-nativer App-Generator und Prototyping-Arbeitsbereich zu betrachten. Sobald ein Projekt groß wird, zieht ein Entwickler möglicherweise immer noch eine dedizierte IDE, vollständige Testsuite, Repository-Regeln und eine Produktions-Deployment-Pipeline vor.

Beste Konfiguration

Für bessere Ergebnisse beginnen Sie mit einer klaren Architekturbeschränkung: Framework, Styling-System, Datenbankwahl, Authentifizierungsbedürfnisse und Bereitstellungsziel. Wenn die App Supabase, Stripe, Expo, Figma, GitHub oder MCP-Kontext benötigt, nennen Sie das frühzeitig, anstatt es nachträglich anzufügen, nachdem das Projekt bereits gewachsen ist. Halten Sie Prompts klein und ergebnisbasiert: Fragen Sie jeweils nach einer Seite, einer Schemaänderung oder einem Workflow.

Für Teams ist die höherwertige Konfiguration, frühzeitig GitHub zu verbinden, wiederholbare Projektanweisungen hinzuzufügen und, wo verfügbar, Design-System-Wissen oder Vorlagen zu nutzen. Dies reduziert visuelle Abweichungen und macht Bolt nützlicher als wiederholbaren Produktionsassistenten statt als einmaligen Demo-Generator.

Migrationshinweise

Der sauberste Ausstiegspfad ist GitHub. Sobald die generierte App die richtige Form hat, verbinden Sie das Repository, überprüfen Sie Abhängigkeiten, fügen Sie die Handhabung von Umgebungsvariablen hinzu, führen Sie Tests ein und dokumentieren Sie Bereitstellungsannahmen. Wenn Bolt Cloud für Hosting, Datenbank, Authentifizierung oder Speicher verwendet wird, erfassen Sie diese Servicabhängigkeiten, bevor der Code woandershin verschoben wird.

Für Produktionsmigrationen achten Sie besonders auf Secrets, Datenbank-Eigentümerschaft, Authentifizierungsabläufe, Ratenbegrenzungen, Logging, Analytics und Rollback-Strategie. Bolt kann die Distanz von der Idee zur funktionierenden App verkürzen, aber die Produktionsverantwortung liegt immer noch beim Team, das das Produkt ausliefert.

Best For

  • MVP-Prototypen
  • Landing Pages
  • Interne Tools
  • JavaScript-Full-Stack-Apps
  • Design-zu-Code-Experimente
  • Demoversionen für Gründer und Produktteams
  • Learning-by-building-Workflows

Not Ideal For

  • Große regulierte Produktionssysteme ohne technische Überprüfung
  • Teams, die Python, PHP, Ruby, Go oder benutzerdefinierte Nicht-JavaScript-Backends benötigen
  • Ausgereifte Monorepos mit strengen CI/CD- und Infrastrukturregeln
  • Benutzer, die lokale Modelausführung oder BYOK für gehostete Produkte benötigen

Privacy Notes

StackBlitz erklärt, dass Bolt Prompts, Code, Konfigurationsdateien und hochgeladene Dateien verarbeiten kann, um KI-Funktionen zu betreiben, und dass relevante Teile angehängter Dateien an Drittanbieter-KI-Provider zur Antwortgenerierung gesendet werden können. Benutzer sollten das Übermitteln von Geheimnissen, Zugangsdaten oder sensiblen persönlichen Daten in Prompts, Code oder veröffentlichten Projekten vermeiden.

Update History

  • Jun 13, 2026: Offizielle Preise, Plattformpositionierung, Bolt Cloud-Fähigkeiten, unterstützte Technologien, GitHub/Figma/Supabase/MCP-Integrationen und Datenschutzhinweise verifiziert.

Related Tools

More listings in a similar part of the directory.

Ansehen: AI App Builders / Prompt-to-App Tools