Vibe & Agentic Coding · StackBlitz
Bolt Schulungen
Full-Stack-Prototypen direkt im Browser: mit Bolt per Prompt Web-Apps erzeugen, in WebContainers ausführen und veröffentlichen.
Bolt von StackBlitz erzeugt aus Prompts lauffähige Full-Stack-Anwendungen und führt sie unmittelbar im Browser aus. Möglich machen das WebContainers: Eine Node.js-Laufzeitumgebung läuft vollständig im Browser-Tab, inklusive Paketinstallation, Dev-Server und Terminal. In dieser eintägigen Schulung lernen Sie, wie Sie mit Bolt in kurzer Zeit Prototypen mit React, Vue, Svelte, Next.js, Astro oder Node.js-Backends bauen, wie Sie Prompts und Projektanweisungen strukturieren und wie Sie den Agenten gezielt steuern, statt ihn unkontrolliert großflächig umbauen zu lassen.
Der Kurs verbindet schnelle Ergebnisse mit professionellem Handwerk. Sie lesen und bearbeiten den generierten Code direkt im integrierten Editor, beheben Fehler über Terminal und Konsole, binden Datenbanken und Authentifizierung an und exportieren Projekte nach GitHub oder als Archiv. Anschließend veröffentlichen Sie Ihre Anwendung und lernen, wie Sie Token-Verbrauch, Kontextgröße und Projektumfang im Griff behalten. So wissen Sie am Ende genau, für welche Vorhaben Bolt der schnellste Weg zum klickbaren Ergebnis ist und ab wann ein Wechsel in die lokale Entwicklungsumgebung sinnvoll wird.
Kerninhalte aller Bolt-Kurse
Modul 1 Bolt und WebContainers verstehen
- Architektur: Node.js, npm und Dev-Server vollständig im Browser
- Unterstützte Frameworks und Starter-Vorlagen im Überblick
- Möglichkeiten und Einschränkungen der Browser-Laufzeit, etwa bei nativen Binärpaketen
- Editor, Vorschau, Terminal und Dateibaum effizient nutzen
Modul 2 Prompting und Projektsteuerung
- Den ersten Prompt präzise formulieren: Stack, Seiten, Datenmodell, Stil
- Projekt- und Systemanweisungen für wiederkehrende Konventionen
- Diskussionsmodus zum Planen, Build-Modus zum Umsetzen
- Kleinschrittig iterieren, Dateien gezielt sperren und Versionen zurückspielen
Modul 3 Full-Stack: Daten, Auth und APIs
- Datenbank und Authentifizierung über die integrierte Backend-Anbindung oder Supabase
- API-Routen und serverseitige Logik mit Node.js bauen
- Externe APIs anbinden und Schlüssel über Umgebungsvariablen verwalten
- Mobile Prototypen mit Expo erstellen und auf dem Gerät testen
Modul 4 Debugging und Codequalität
- Fehlermeldungen aus Terminal und Browser-Konsole gezielt an den Agenten zurückgeben
- Generierten Code lesen, verstehen und manuell korrigieren
- Struktur, Komponenten-Zuschnitt und TypeScript-Typen sauber halten
- Token-Verbrauch und Kontextgröße bei wachsenden Projekten steuern
Modul 5 Deployment und Übergabe
- Anwendung mit einem Klick veröffentlichen und eigene Domain verbinden
- Export nach GitHub und Weiterarbeit lokal in VS Code, Cursor oder Claude Code
- Sicherheitscheck: Secrets, Zugriffsrechte, Eingabevalidierung
- Entscheidungskriterien: Prototyp weiterführen oder neu aufsetzen
Das können Sie nach dem Training
- Sie erklären, wie WebContainers funktionieren, und schätzen ein, welche Projekte in Bolt gut laufen.
- Sie erzeugen mit strukturierten Prompts einen Full-Stack-Prototyp mit Frontend, Backend und Datenbank.
- Sie debuggen Fehler gezielt über Terminal, Konsole und präzise Rückmeldungen an den Agenten.
- Sie veröffentlichen Ihre Anwendung und exportieren den Code nach GitHub zur Weiterentwicklung.
- Sie steuern Token-Verbrauch und Projektumfang so, dass Bolt auch bei größeren Prototypen produktiv bleibt.
Alle 10 Kurse zu Bolt
Entwicklung & Technik (10)
- Bolt für API-Entwickler:innen
- Bolt für Citizen Developer
- Bolt für interne Tools und Automatisierung
- Bolt für JavaScript- und TypeScript-Entwickler:innen
- Bolt für Startups und MVP-Entwicklung
- Bolt für Mobile-Entwickler:innen
- Bolt für Node.js-Backend-Entwickler:innen
- Bolt für React- und Frontend-Entwickler:innen
- Bolt für UX-Designer:innen
- Bolt für Webentwickler:innen
Bolt Schulung in Ihrer Nähe
Häufige Fragen
Brauche ich für Bolt eine lokale Entwicklungsumgebung?
Nein. Dank WebContainers laufen Paketinstallation, Dev-Server und Terminal komplett im Browser, Sie müssen nichts lokal installieren. Erst wenn Sie ein Projekt langfristig weiterentwickeln oder in eine bestehende Toolchain integrieren möchten, lohnt sich der Export nach GitHub und die Arbeit in einem lokalen Editor. Beides üben wir im Kurs.
Was unterscheidet Bolt von Lovable?
Beide erzeugen Web-Apps per Prompt. Bolt bietet mehr Freiheit bei der Wahl des Frameworks, zeigt Code, Terminal und Dateibaum sehr direkt und eignet sich gut für Entwickler, die nah am Code bleiben wollen. Lovable setzt auf einen festen React-Stack mit stärkerem Fokus auf Design-Iteration und Supabase. Die Wahl hängt vom Projekt und Team ab.
Kann ich mit Bolt auch Mobile-Apps bauen?
Ja, über die Expo-Integration lassen sich React-Native-Prototypen erzeugen und per Expo Go direkt auf dem Smartphone testen. Für einfache Apps und Klickprototypen funktioniert das gut. Für native Gerätefunktionen, Store-Veröffentlichung und komplexe Offline-Logik ist meist eine lokale Weiterentwicklung erforderlich, die wir im Kurs einordnen.
Voraussetzungen
Grundkenntnisse in JavaScript oder TypeScript und ein Verständnis gängiger Webkonzepte wie Komponenten, APIs und Datenbanken. Fachanwender mit technischer Affinität können ebenfalls gut folgen.
Laptop mit aktuellem Chromium-basiertem Browser oder Firefox, ein Bolt-Account (für intensives Arbeiten ein kostenpflichtiger Plan) sowie ein kostenloser GitHub-Account.
Unverbindlich anfragen
Wir melden uns innerhalb eines Werktags mit Terminbestätigung oder Alternativvorschlag.