Bolt.new

Bolt.new ist ein Browser-basierter App-Builder von StackBlitz: du beschreibst deine App in natürlicher Sprache, Bolt generiert lauffähigen Code, führt ihn direkt im Browser aus und zeigt dir eine Live-Vorschau — ohne lokale Installation, ohne Terminal-Setup. Für schnelle Prototypen und erste Demos kannst du damit einen ersten funktionsfähigen Entwurf direkt im Browser bauen.

Wofür du das nutzt

• App-Prototyp in 30 Minuten. Für Uni-Präsentationen, Hackathon-Pitches oder Startup-Ideen: du beschreibst deine App, Bolt baut einen klickbaren Prototyp. Kein Setup, kein Deployment, läuft direkt im Browser.
• Website bauen ohne Code-Kenntnisse. Einfache Landing Pages, Portfolio-Seiten, Event-Websites — Bolt generiert HTML, CSS und JavaScript und zeigt dir das Ergebnis sofort.
• Coding lernen am echten Projekt. Bolt erklärt generierten Code, macht Änderungen wenn du sagst was nicht stimmt und gibt dir einen Einstieg der sonst Stunden dauern würde.
• Schnelles MVP für Ideen-Validierung. Bevor du Wochen in ein Projekt investierst, bau mit Bolt in einem Nachmittag eine Version die du echten Nutzern zeigen kannst.
• Frontend-Experimente ohne lokales Setup. Neue CSS-Bibliothek ausprobieren, eine Komponente in einem anderen Framework testen — Bolt als Sandbox statt lokalem Dev-Server.

Stärken im Detail

• Vollständige Browser-Umgebung. Bolt nutzt WebContainers von StackBlitz — Node.js läuft direkt im Browser, kein Backend-Server nötig. Du siehst Code und Live-Preview nebeneinander.
• Iteratives Bauen per Chat. Statt den kompletten Code selbst zu schreiben sagst du „füge ein Login-Formular hinzu" oder „mach den Button größer" — Bolt ändert den Code und zeigt dir die Vorschau sofort.
• Token-Rollover für bezahlte Pläne. Ungenutzte Tokens aus dem Monat rollen in den nächsten Monat über (bis zu 2 Monate Laufzeit). Du verlierst kein bezahltes Guthaben durch eine ruhige Woche.
• Deployment direkt aus Bolt. Du kannst dein Projekt aus Bolt heraus auf Netlify oder ähnlichen Plattformen deployen — ein Klick vom Prototyp zur öffentlichen URL.

Grenzen & wo's hakt

• Token-System: Kosten steigen schnell. Bolt arbeitet mit Token-Budgets. Komplexe Apps verbrauchen viele Tokens, besonders bei langen Konversationen. Im Free-Plan (1 Mio. Tokens/Monat mit 300k/Tag-Cap) reicht das für wenige mittlere Projekte.
• Code-Qualität braucht Review. Generierter Code funktioniert oft auf den ersten Blick, ist aber nicht production-ready: fehlende Fehlerbehandlung, unsichere Defaults, fehlende Validierung. Ohne Code-Kenntnisse erkennst du das nicht.
• Keine komplexe Backend-Logik. Bolt ist stark für Frontend und einfache Fullstack-Apps. Für komplexe Datenbankstrukturen, Auth-Flows mit mehreren Rollen oder echte API-Integrationen stößt es schnell an Grenzen.
• Kein lokaler Editor-Kontext. Bolt sieht nur was im Browser-Session ist. Wenn du von einem bestehenden Repo weitermachen willst, ist das aufwendiger als in Cursor oder Devin.
• Keine Offline-Nutzung. Vollständig browserbasiert, keine lokale Entwicklungsumgebung.

Pricing

• Free — 1 Mio. Tokens/Monat (300k/Tag-Cap), unbegrenzte Datenbanken, bis zu 10 MB Datei-Upload. Für Ausprobieren und kleine Projekte.
• Pro (25 USD/Monat) — startet mit 10 Mio. Tokens/Monat ohne Tages-Cap, Token-Rollover, Custom Domains, SEO-Optimierung, KI-Bildbearbeitung, bis zu 100 MB Upload.
• Teams (30 USD/Mitglied/Monat) — Alle Pro-Features plus Team-Kollaboration, zentrale Abrechnung, Admin-Kontrollen, privates NPM-Registry.
• Zusatz-Tokens — Nachkauf-Token sind verfügbar; Preis und Paketgröße hängen laut Support vom jeweiligen Kauf ab. Gekaufte Reload-Tokens verfallen nicht.
• Jahres-Abo — Bolt bewirbt Einsparungen von bis zu 28 %; die konkrete Ersparnis hängt vom Plan ab.

Ein offizieller Studi-Rabatt war auf den geprüften Bolt-Seiten nicht ausgewiesen.

Praxis-Workflow für Prototypen

1. bolt.new aufrufen — kein Account nötig für erste Tests.
2. App-Kontext in 3–4 Sätzen beschreiben: Was ist die App? Wer nutzt sie? Was ist der erste User-Flow?
3. Erste Version generieren lassen, Live-Preview im Split-Screen beobachten.
4. Iterativ verbessern: immer eine Änderung auf einmal, nicht „mach alles besser".
5. Code exportieren wenn die Basis stimmt → in Cursor laden für tiefere Anpassungen und Production-Readiness.
6. Deployment-Button für schnelle Demo-URL nutzen, wenn du jemandem die Idee zeigen willst.

Datenschutz (kurz)

Bolt.new ist ein StackBlitz-Produkt, Server in den USA. Generierter Code und Konversationen werden für den Betrieb verarbeitet — genaue Training-Policy auf bolt.new prüfen. Da der Code direkt im Browser läuft, sind echte Nutzerdaten oder API-Keys im generierten Code ein Sicherheitsrisiko: niemals Zugangsdaten oder Produktions-Secrets in Bolt-Projekte einbauen, auch nicht für schnelle Tests.

Quick-Win