Wie man mit Bolt.new Apps entwickelt

Bolt.new ist eine KI-gestützte Entwicklungsplattform, die es ermöglicht, vollständige Webanwendungen durch natürliche Spracheingaben zu erstellen und zu bearbeiten. Die Plattform kombiniert Code-Generierung mit einem integrierten Editor und Deployment-Funktionen.

1. Konto erstellen und anmelden. Besuchen Sie bolt.new und klicken Sie auf 'Sign Up'. Verwenden Sie Ihre E-Mail-Adresse oder melden Sie sich mit einem GitHub-Account an. Nach der Bestätigung der E-Mail sind Sie bereit, Ihr erstes Projekt zu starten.
2. Neues Projekt initialisieren. Klicken Sie auf 'New Project' im Dashboard. Beschreiben Sie Ihre gewünschte App in natürlicher Sprache im Eingabefeld, beispielsweise 'Eine Todo-App mit React und lokaler Speicherung'. Bolt.new generiert automatisch die Grundstruktur und den initialen Code.
3. Code-Editor verwenden und anpassen. Der integrierte Editor zeigt alle generierten Dateien in der Seitenleiste. Klicken Sie auf Dateien zum Bearbeiten. Verwenden Sie Strg+S zum Speichern. Änderungen werden automatisch in der Live-Vorschau rechts angezeigt.
4. KI-Assistenten für Code-Änderungen nutzen. Verwenden Sie das Chat-Feld unten für Änderungsanfragen in natürlicher Sprache. Beispiel: 'Füge eine Suchfunktion zur Todo-Liste hinzu' oder 'Ändere das Farbschema zu dunkelblau'. Bolt.new implementiert die Änderungen automatisch und zeigt betroffene Dateien an.
5. Abhängigkeiten und Pakete verwalten. Fordern Sie neue Pakete über den Chat an: 'Installiere axios für HTTP-Requests'. Bolt.new aktualisiert automatisch package.json und installiert Abhängigkeiten. Überprüfen Sie installierte Pakete in der package.json-Datei im Editor.
6. App testen und debuggen. Die Live-Vorschau aktualisiert sich automatisch bei Änderungen. Öffnen Sie die Browser-Entwicklertools mit F12 für detailliertes Debugging. Fehler werden sowohl im Editor als auch in der Konsole angezeigt.
7. Projekt deployen. Klicken Sie auf 'Deploy' in der oberen Leiste. Wählen Sie einen Deployment-Anbieter wie Vercel oder Netlify. Bolt.new erstellt automatisch die nötigen Konfigurationsdateien und startet den Deployment-Prozess. Sie erhalten eine URL zur live App.