Bolt.new

Was ist Bolt.new?

Bolt.new ist eine von StackBlitz entwickelte Plattform für die Erstellung von Webseiten und Anwendungen mit Browser-AI. Nachdem der Benutzer seine Anforderungen beschrieben hat, kann die KI Projektdateien erstellen, Abhängigkeiten installieren, Node.js-Dienste ausführen, Fehler erkennen und die Anwendungen kontinuierlich anpassen.

Es bietet durch die WebContainers-Technologie eine Entwicklungsumgebung direkt im Browser – es ist nicht notwendig, zunächst Tools lokal zu installieren. Derzeit können Websites, vollständige Webanwendungen sowie mobile Anwendungen mit Expo erstellt werden. Zudem kann die Bolt Cloud zur Verwaltung von Datenbanken, Hosting und Domainnamen genutzt werden.

Hauptfunktionen von Bolt.new

• Basierend auf Webseiten für die Erzeugung natürlicher Sprache, SaaS-Lösungen, Backend-Systemen, Shops und Interaktionswerkzeugen;
• Node.js, Paketmanager, Dateisysteme und Entwicklungsserver im Browser ausführen;
• Man kann den AI-Agenten wechseln, um den vollständigen Quellcode direkt anzusehen und zu bearbeiten;
• Projekte aus Figma, Google Stitch, GitHub oder Lovable importieren;
• Erstellung und Veröffentlichung von iOS- und Android-Mobilen Apps über Expo;
• Bolt Database bietet Tabellen, Authentifizierung, Dateien, Protokolle und Serverfunktionen;
• Bolt Hosting bietet kostenlose Subdomains, HTTPS sowie eine integrierte Veröffentlichungsfunktion an;
• Pro ermöglicht die Verbindung mit benutzerdefinierten Domainnamen, das Entfernen der Marke sowie die Verwendung von SEO Boost;
• Unterstützung für Stripe, Supabase, GitHub, Google SSO und MCP;
• Echtzeit-Kollaboration für mehrere Personen, Teamvorlagen sowie Kenntnisse im Design-System eignen sich für Organisationen.

Vollständige Entwicklungsumgebung im Browser

Bolt verwendet WebContainers, um Node.js-Server, Terminals, Paketmanager und Dateisysteme in Browsertabellen auszuführen. KI generiert nicht nur Code, sondern kann auch Anwendungen starten, Konsolefehler lesen und das gleiche Projekt ändern.

Diese Umgebung eignet sich besonders für die JavaScript- und Node.js-Ökosysteme. Offiziell wird empfohlen, Chromium-Browser wie Chrome, Edge, Brave oder Opera zu verwenden. Traditionelle, native Backend-Lösungen, Tools, die nicht im Browser ausgeführt werden können, oder spezielle Systemanforderungen erfordern möglicherweise eine externe Umgebung.

Dialoggenerierung und Codeansicht

Anfänger können die Funktion zur Anpassung über Dialoge nutzen, während Entwickler in den Code-View wechseln können, um direkt Dateien zu bearbeiten, Pakete zu installieren und Versionen zu überprüfen. Die Anleitung sollte die Technologiestacke, das Datenmodell, die Seiten, die Benutzerrollen sowie die Akzeptanzkriterien beschreiben.

Große Projekte synchronisieren bei jeder Nachricht mehr Dateien, wodurch mehr Token verbraucht werden. Durch das Ignorieren von Dateien können Abhängigkeiten, Build-Produkte sowie unrelevanten Verzeichnisse ausgeschlossen werden, um Kontextprobleme und Fehler zu verringern.

Figma, Stitch und Projektimport

Bolt kann mit Designs aus Figma, Google Stitch, GitHub-Repositorien oder Lovable-Projekten erstellt werden. Die visuelle Eingabe eignet sich gut, um schnell einen Rahmen für die Seite zu schaffen, doch Responsivität, Interaktivität, Schriftarten sowie Design-Parameter müssen noch Seite für Seite angepasst werden.

Bolt Database und Authentifizierung

Wenn eine Anwendung dauerhafte Daten benötigt, kann Bolt automatisch eine Datenbank erstellen und innerhalb des Projekts Tabellen, Benutzer, Authentifizierung, Dateien, Schlüssel, Protokolle sowie Serverfunktionen verwalten. Die Benutzer können außerdem bei der Initialisierung entweder Supabase auswählen oder ausdrücklich nur lokale Speicherung verlangen.

Die Anzahl der Datenbanken ist unbegrenzt, doch Kapazität, Bandbreite und andere Ressourcen sind durch das Paket begrenzt. Ein Rückgang auf eine frühere Projektversion führt nicht zur Synchronisierung der Datenbanken; vor wichtigen Migrationen müssen die Daten separat gesichert werden und Rollback-Skripte bereitgestellt werden.

Bolt Hosting und Domainnamen

Sowohl kostenlose als auch bezahlte Nutzer können Inhalte auf dem kostenlosen Subdomain Bolt.host veröffentlichen. Ab der Pro-Version ist es möglich, eine eigene Domain zu verwenden und die Bolt-Marke wegzulassen. Bei neuen Projekten wird standardmäßig Bolt Hosting verwendet; vor der ersten Veröffentlichung kann jedoch auch Netlify gewählt werden.

Für Anfragen zur Verwaltung, das Hochladen von Dateien sowie die Datenbankkapazität gelten Obergrenzen in den Paketen. Überschreitet man diese Grenzen, muss man das Paket upgraden oder die Architektur anpassen. Produktive Anwendungen sollten außerdem Überwachungsfunktionen, Fehlermeldungen, Backups sowie Sicherheitsmaßnahmen haben – anstatt sich nur auf Benachrichtigungen über einen erfolgreichen Deploy zu verlassen.

Expo-Mobilapp

Bolt ermöglicht es durch die Integration von Expo, plattformübergreifende Mobile-Anwendungen zu erstellen. Dabei können Benutzeroberflächen, Navigationssysteme sowie Geschäftslogiken erstellt und auf dem Gerät vorgesehen werden. Für die endgültige Veröffentlichung in der App Store oder Google Play sind jedoch weiterhin ein Entwicklerkonto, eine Signatur, Datenschutzinformationen sowie eine Prüfung durch den Store erforderlich.

GitHub und Zusammenarbeit mit mehreren Personen

Die GitHub-Integration dient zum Importieren, Synchronisieren, Backupsichern und Fortsetzen der lokalen Entwicklung. Im Mehrbenutzermodus können Projekte und Integrationen geteilt werden. Teams bietet zudem Teamrechte, Vorlagen, private NPM-Repositorys sowie Kenntnisse zu Designsystemen.

Der Team-Plan wird nach den Mitgliedern berechnet; jedes zahlende Mitglied verfügt über seinen eigenen Token-Limit, das nicht unter den Mitgliedern geteilt werden kann. Für die Zusammenführung des Codes sowie die Veröffentlichung in der Produktion sollten weiterhin Branch-Schutzmechanismen, Tests und manuelle Überprüfungen verwendet werden.

Vergleich der Funktionen von Bolt.new

Preis von Bolt.new

Bolt bietet mit AI-Tokens und Cloud-Ressourcen die Versionen Free, Pro, Teams und Enterprise an. In der folgenden Tabelle sind die aktuellen Monatspreise in US-Dollar auf der offiziellen Website aufgeführt. Bei der Version Pro gibt es höhere Token-Preise; bei einer Jahreszahlung kann man bis zu 28 Prozent sparen. Der tatsächliche Preis richtet sich nach den Angaben auf der Abonnementsseite.

Token und Regeln für Cloud-Ressourcen

Bei den monatlich zu entrichtenden Tokens wird das Prinzip „First In, First Out“ angewandt. Der noch verfügbare Betrag kann für einen weiteren Zeitraum verwendet werden – maximal zwei Monate ab dem ursprünglichen Ausstellungsdatum. Im Falle einer Stornierung oder eines Zahlungsausfalls geht der Anspruch auf den verbleibenden Betrag verloren.

Beim erneuten Abonnieren können noch nicht abgelaufene Credits wiederhergestellt werden.

Für bestimmte höchste monatliche Einzelpreispakete sowie das jährliche Pro-Paket kann ein nicht verfallender Reload Token erworben werden; der Preis wird im Paket angezeigt. Mitglieder, für die ein Teams Token zur Bereitstellung von Kontingenten bereitgestellt wird, kommen nicht in den gemeinsamen Pool des Teams.

Leitfaden für die Verwendung von Bolt.new

Von Null an eine vollständige Stack-Webanwendung erstellen

1. Listen Sie die Benutzerrollen, die wichtigsten Seiten, die Datentabellen sowie einen Hauptablauf auf;
2. Geben Sie in der ersten Anweisung Rahmen, Stil und Anforderungen für mobile Geräte an;
3. Erstellen Sie zunächst das minimale nutzbare Gerüst und fügen Sie nicht alle Funktionen auf einmal hinzu;
4. Fügen Sie schrittweise Zertifizierungen, Datenbank- und Serverrechte hinzu;
5. Über ein Testkonto werden normale, fehlerhafte und übermäßige Zugriffswege überprüft;
6. Überprüfen Sie Schlüssel, Abhängigkeiten und generierten Code im Code-View;
7. Veröffentlichen Sie eine Vorschau und binden Sie nach Abschluss der Sicherheits- und Geschäftsprüfung die offizielle Domain zu.

Token sparen, um komplexe Projekte abzuschließen

1. Erstellen Sie ein kurzes Dokument mit den Anforderungen und technischen Einschränkungen für das Projekt;
2. Abhängigkeiten, Build-Produkte und große Dateien werden durch das Ignorieren von Dateien ausgeschlossen;
3. Teilen Sie die Aufgabe in kleinere Schritte ein: Benutzeroberfläche, Daten, Berechtigungen und Tests;
4. Ähnliche einfache Änderungen werden zu einer einzigen klaren Anweisung zusammengefasst;
5. Vermeiden Sie es, in langen Sitzungen den gesamten Kontext immer wieder einzufügen;
6. Jeder Schritt wird zuerst überprüft, bevor mit der Weiterarbeit begonnen wird, um Nacharbeiten und wiederholte Erstellungen zu vermeiden.
7. Regelmäßig mit GitHub synchronisieren und große Änderungen in neuen Branches vornehmen.

Eine sichere Datenbankanwendung veröffentlichen

1. Unterscheiden Sie Entwicklungs- und Produktionschlüssel und verwenden Sie Konten mit minimalem Zugriffsrecht;
2. Entwerfen Sie Serverseitige Autorisierung und Eingabekontrolle für jede Tabelle;
3. Aktivieren Sie die Authentifizierung und testen Sie die Grenzen zwischen normalen Benutzern und Administratoren;
4. Überprüfen Sie den Upload-Typ, die Größe und die Zugriffssteuerung der Datei;
5. Backups der Produktionsdaten erstellen und den Rollback auf die ursprüngliche Version testen;
6. Einstellung von Domainnamen, HTTPS, Protokollierung und Fehlerüberwachung;
7. Nach der manuellen Überprüfung des generierten Codes werden echte Benutzer freigeschaltet.

Für welche Nutzer eignet sich Bolt.new?

• Kreative ohne Code-Kenntnisse: Erstellung von funktionsfähigen Produkten durch Dialoge;
• Unternehmer: Schnelle Überprüfung von Webseiten, SaaS-Lösungen und Geschäftsprozessen;
• Produktmanager: Erstellung interaktiver Prototypen für Tests im Team;
• Entwickler: Beschleunigung von Scaffold, Benutzeroberfläche, Debugging und Integration;
• Designer: Figma- oder Stitch-Entwürfe in Apps umwandeln;
• Marketing- und Agenturdienstleistungen: Erstellung von Veranstaltungsseiten und Kundenprojekten;
• Mobile-App-Team: Überprüfung von Plattformübergreifenden App-Ideen mit Expo.

Vorteile von Bolt.new

• Es ist möglich, vollständigen Stack-Code zu erstellen, auszuführen und zu bearbeiten, ohne eine lokale Installation vorzunehmen;
• WebContainers ermöglicht es der KI, direkt in einer echten Entwicklungsumgebung zu arbeiten.
• Bolt Cloud integriert Datenbanken, Authentifizierung, Hosting und Domainnamen;
• Unterstützung für zwei Arten von Ausgaben: Webanwendungen und Expo-Mobilen-Anwendungen;
• Kann in Figma, GitHub, Stitch und Lovable importiert werden;
• Der Benutzer kann Code erstellen, der heruntergeladen oder mit GitHub synchronisiert werden kann;
• Die offiziellen Beispieldaten von Bolt werden öffentlich bereitgestellt, um Entwicklern die Forschung und Erweiterung zu erleichtern.

Einsatzbeschränkungen und Hinweise

• Je größer das Projekt ist, desto mehr Token werden für die Synchronisierung jeder Nachricht mit den Dateien benötigt.
• Die Beschränkung der kostenlosen Version auf 300.000 Token pro Tag kann die kontinuierliche Entwicklung stören;
• Die Erstellung von Code kann zu Übergriffen, Injektionen, Abhängigkeiten sowie Fehlern in der Geschäftslogik führen.
• Die Browserumgebung hat Einschränkungen hinsichtlich nicht-JavaScript-basierter Technologien und Systemanforderungen.
• Die Wiederherstellung der Projektversion führt nicht zur Wiederherstellung der Datenbank – Fehlhandlungen können die tatsächlichen Daten beeinträchtigen.
• Obwohl Hosting, Datenbanken und Anfragen bereits integriert sind, gibt es dennoch eine Kapazitätsbegrenzung.
• Dass eine von KI erstellte Mobile-App entsteht, bedeutet nicht automatisch, dass sie in den App Store aufgenommen wird.
• Drittanbieterdienste, Domainnamen und Entwicklerkonten für Shops können zusätzliche Gebühren verursachen.

Sicherheit, Privatsphäre und Urheberrecht am Code

Das Bolt-Projekt läuft im Browser-WebContainer und verringert die Abhängigkeit von entfernten Virtual Machines bei herkömmlichen Entwicklungsarbeiten. Allerdings erfordern Datenbanken, Hosting, AI-Anfragen und Integration weiterhin Cloud-Dienste. Für sensible Projekte sollten die aktuellen Datenschutzbestimmungen, die Teamsteuerungsoptionen sowie die Enterprise-Datengovernance-Funktionen überprüft werden.

Offiziell wird erklärt, dass die Nutzer den in Bolt erstellten Code besitzen und diesen für legale Geschäftsprojekte verwenden dürfen. Dieses Recht gilt nicht für Materialien Dritter, Marken, nicht lizenzierte Daten oder Ressourcen, die eine Lizenz erfordern; der Veröffentlicher muss diese weiterhin selbst überprüfen.

• Schreiben Sie keine Produktionschlüssel in Prompt-Wörter, Frontend-Code oder öffentliche Repositorien.
• Die Datenbank muss Serverseitige Zeilen- und Rollenrechte umsetzen;
• Externe MCP- und NPM-Pakete sollten hinsichtlich ihrer Quelle, Berechtigungen und Wartungszustand überprüft werden;
• Für GitHub Branch Protection, Schlüsselscanning und Abhängigkeitsprüfung aktivieren;
• Wichtige Datenbanken werden vor Strukturänderungen separat gesichert;
• Für Unternehmensprojekte können Sie sich bezüglich SSO, Audits, Retentionsstrategien und Compliance-Unterstützung beraten lassen.

Erklärungen zu GitHub, APIs und Open Source

StackBlitz hat auf GitHub die open-source-Kodibibliothek Bolt veröffentlicht, die Benutzeroberflächen und Serverkomponenten zur Entwicklung von Browser-basierten KI-Tools enthält und die WebContainer API verwendet. WebContainers können für persönliche und open-source-Zwecke gemäß den entsprechenden Bedingungen genutzt werden; für kommerzielle Produkte ist eine kommerzielle Lizenz erforderlich.

Das Business-Hosting-Produkt Bolt.new umfasst kontinuierlich aktualisierte Modelle, Cloud-Ressourcen, Kooperations- sowie Unternehmensfunktionen und kann nicht einfach mit einem Repository-Snapshot gleichgesetzt werden. Es gibt keine stabile, allgemeingültige öffentliche API für alle Funktionen von Bolt.new; die Automatisierung sollte sich an den aktuellen offiziellen Dokumentationen sowie den Unternehmenslösungen orientieren.

Häufige Fragen

Ist Bolt.new kostenlos?

Free stellt monatlich 1 Million Token zur Verfügung, wovon täglich maximal 300.000 genutzt werden können. Dazu gehören Projekt- und Datenbankfunktionen sowie grundlegende Hosting-Dienste. Bei der kostenlosen Veröffentlichung bleibt die Bolt-Marke erhalten, und es ist kein eigener Domainname möglich.

Wie viel kostet Bolt.new Pro?

Ab 25 US-Dollar pro Monat, inklusive 10 Millionen Token pro Monat; die Preise für höhere Token-Beträge steigen entsprechend.

Die jährlichen Rabatte sowie die aktuellen Tarife gelten gemäß der Zahlungsseite.

Kann Bolt.new zur Entwicklung von Handy-Apps verwendet werden?

Über Expo können plattformübergreifende Mobile-Apps erstellt und auf Geräten getestet werden. Für eine offizielle Veröffentlichung sind jedoch ein Entwicklerkonto bei Apple oder Google, eine Signatur, eine Datenschutzerklärung sowie eine Prüfung durch den Store erforderlich.

Enthält Bolt.new eine Datenbank und Hosting?

Bolt Cloud kann automatisch Datenbanken erstellen und Authentifizierung, Dateien, Protokolle sowie Serverfunktionen bereitstellen. Bolt Hosting ermöglicht die Veröffentlichung unter kostenlosen Subdomainen. Die Kapazität und die Anzahl der Anfragen variieren je nach Paket.

Ist Bolt.new Open Source?

Die Kernbeispielcodes von Bolt sind auf GitHub veröffentlicht, doch die Cloud-Dienste der kommerziellen Bolt.new-Plattform, die aktuellen Modelle sowie alle Funktionen entsprechen nicht der vollständigen, open-source-basierten, selbst gehosteten Version.