StackBlitz: eine Entwicklungsmaschine, die im Tab startet
Zusammenfassung
Seite oeffnen, Umgebung laeuft: eine vollstaendige Laufzeit im Browser, Abhaengigkeiten sofort installiert, Vorschau ohne Wartezeit, ein Link als identische Umgebung.
Empfehlen- Name
- StackBlitz
- Version
- 20260923
- Preis
- Kostenlos
- Open Source
- Proprietär
- Betriebssystem
- Web
- Webseite
- https://stackblitz.com/
- Aktualisiert
- 2026-10-08 21:07
Keine Einrichtung, kein verlorener erster Nachmittag
Wer ein Framework lernt, beginnt meist mit einem Umweg. Laufzeit installieren, Paketverwaltung installieren, Versionskonflikt loesen, feststellen, dass eine Abhaengigkeit einen Compiler braucht, den die Maschine nicht hat. Bis die erste Zeile Code steht, ist die Begeisterung zur Haelfte weg. StackBlitz nimmt diesen Umweg vollstaendig heraus. Es laesst eine komplette Laufzeit im Browser laufen, eine Vorlage oeffnet sich also direkt im Editor, Abhaengigkeiten sind schon aufgeloest, und die Vorschau aktualisiert sich beim Tippen. Zwischen dem Oeffnen einer Seite und laufendem Code liegen Sekunden und nicht ein Nachmittag.
Die zweite Haelfte des Gedankens ist das Teilen. Ein Projekt hat eine Adresse, und wer diese Adresse oeffnet, bekommt dieselbe Umgebung, denselben Abhaengigkeitsbaum und dieselbe laufende Vorschau. Wer je versucht hat, einen Fehler am Telefon zu erklaeren, weiss, was das wert ist: Statt eine Umgebung zu beschreiben, reicht man sie weiter.

Naeher am Editor als an einer Demo-Seite
Die Oberflaeche folgt den Gewohnheiten eines Editors auf dem Schreibtisch, deshalb kostet der Wechsel fast nichts. Tastenkuerzel wirken wie erwartet, ein Terminal ist da, die Fehlersuche arbeitet, und ein Git-Bereich erledigt die Routine, ohne dass man den Tab verlaesst. Dateien lassen sich hineinziehen, Erweiterungen verhalten sich wie lokal, und das Ganze bleibt fluessig, weil die Laufzeit im Tab liegt und nicht auf einer entfernten Maschine, die ueber das Netz antwortet.
Die kostenlose Stufe ist in der Richtung grosszuegig, auf die es beim Lehren ankommt: oeffentliche Projekte kosten nichts, und das deckt Lernnotizen, Beispiele fuer den Unterricht und den laufenden Verweis ab, den ein offenes Projekt in seine Anleitung schreibt. Private Arbeit liegt hinter einer bezahlten Stufe, und dort ist die Grenze vernuenftig gezogen.
Warum es immer besser wird
Die Engine darunter ist zugleich der Unterbau, auf dem mehrere bekannte Werkzeuge zum Bauen von Anwendungen mit KI aufsetzen, und dieser Verkehr bezahlt sich selbst. Jedes dieser Produkte braucht eine sofortige, wiederholbare Umgebung, und die Anforderungen daraus schieben die Engine voran. Wer die kostenlose Stufe nutzt, profitiert also von Arbeit, die kommerzielle Kunden bestellt haben, was eine seltene und ziemlich gute Uebereinkunft ist.
Was es nicht ersetzt, ist eine lokale Maschine fuer ernsthafte Arbeit. Lange Baulaeufe, native Werkzeugketten, grosse Ablagen und alles, was eine Datenbank neben der Anwendung braucht, wollen eine echte Platte und eine echte Shell. Zu wissen, wo die Grenze liegt, ist der ganze Trick: die erste Stunde einer neuen Idee im Browser, und sobald die Idee diese Stunde ueberlebt hat, wandert die Arbeit in eine Ablage.
Der Durchbruch liegt in einer neuen Definition des Wortes Umgebung: Wird sie zu einem Verweis, wandert die Huerde des Programmierens von der Maschine an die Fingerspitze, und das Schreiben beginnt, sobald die Seite steht.
Gewohnheiten, die sich auszahlen
Beim Lernen startet man aus der offiziellen Vorlage und nicht aus einem leeren Projekt, weil die Vorlage die Konventionen enthaelt, die die Dokumentation voraussetzt. In Demo-Projekten bleiben die Beispieldateien ordentlich, denn ein geteilter Verweis wird von Fremden binnen Sekunden gelesen. Und bevor aus einem Prototyp echte Arbeit wird, wandert er in eine lokale Ablage mit richtiger Geschichte, damit der Versuch seinen Wert behaelt, wenn der Tab geschlossen ist.
So benutzt ist der Browser kein Kompromiss mehr, sondern der schnellste Raum im Haus, um laut in Code zu denken.
Ein zweiter Punkt lohnt in der ersten Stunde. Man laesst die offizielle Vorlage erst laufen und baut sie dann Schritt fuer Schritt ab. Wer einen laufenden Zustand in der Hand hat, kann bei einem Fehler vergleichen, was sich veraendert hat. Ein leeres Projekt von Hand aufzubauen kostet in einer fruehen Phase vor allem Zeit, weil jede Entscheidung ohne Bezugspunkt faellt. Mit einem laufenden Beispiel als Startpunkt wandert das Interesse von der Syntax zum Verhalten, und die Menge zum Auswendiglernen wird deutlich kleiner.