Summary  
This chapter explains how to start a local development server with a single command to compile and preview your code, automatically detect and fix startup errors, and interact with the running application in real time.

General domain of usage  
Web application development

Bevor du deine App sehen kannst, muss sie gestartet werden. Dieses Kapitel behandelt diesen Schritt und was zu tun ist, wenn etwas schiefgeht.

### Bedeutung des lokalen Ausführens

Wenn Claude Code dein Projekt ausführt, wird ein lokaler Server auf deinem Computer erstellt. Dieser nutzt deine WLAN-Verbindung, um die App in deinem Browser unter einer Adresse wie `localhost:3000` zugänglich zu machen.

Dies ist nicht öffentlich im Internet verfügbar. Wenn du diesen Link an jemand anderen sendest, kann die Person ihn nicht öffnen. Er dient nur zum Testen auf deinem eigenen Gerät.


Hinweis

Stellen Sie sich das wie eine Generalprobe vor. Die Aufführung ist noch nicht für die Öffentlichkeit zugänglich, aber alles läuft so, als ob sie es wäre.

### Der wichtigste Befehl

Dies ist der Befehl, mit dem Ihre App gestartet wird. Claude Code führt ihn für Sie aus. Wenn Sie dazu aufgefordert werden, klicken Sie auf Zulassen.

```
npm run dev
``` 

Wenn die App beim ersten Mal nicht startet, ist das normal. Claude Code liest den Fehler aus und behebt ihn automatisch.

### Was Sie sehen sollten

Wenn die App zum ersten Mal im Browser geladen wird, erscheint die Startseite. Sie können mit ihr interagieren und sich durchklicken. Die KI-Funktionalität ist noch nicht verfügbar, da der API-Schlüssel noch nicht eingerichtet wurde. Das wird im nächsten Kapitel behandelt.

Was bedeutet es, deine App lokal auszuführen?

Erstellen und veröffentlichen Sie eine echte App an nur einem Wochenende mit modernen KI-Tools und einem einfachen, praxisorientierten Workflow, indem Sie Claude Code zur Planung, Generierung und Verfeinerung Ihres Codes nutzen, Ihr Projekt mit GitHub verwalten und Ihre fertige App online mit Vercel bereitstellen. Sie beginnen mit einer Idee und verwandeln diese schnell in einen klaren Projektplan, um dann Schritt für Schritt eine funktionierende Anwendung zu entwickeln. Der Fokus liegt auf Kernfunktionen, einer einfachen Architektur und schneller Iteration statt unnötiger Komplexität, während Sie lernen, effektiv mit KI zu arbeiten, indem Sie bessere Prompts schreiben, Fehler beheben und Funktionen verbessern. Am Ende steht eine Live-App, ein aufgeräumtes GitHub-Projekt und ein wiederholbares System, um zukünftige Ideen schneller in reale Produkte umzusetzen.

Grundlagen der KI-gestützten Entwicklung verstehen, die Entwicklungsumgebung einrichten und sich mit Claude Code vertraut machen, bevor die erste Anwendung gestartet wird.

Verwandeln Sie Ihre Idee in einen klaren, einfachen Plan und definieren Sie die kleinste Version Ihrer App, die echten Mehrwert bietet.

Vom Einstieg bis zur laufenden Anwendung durch Codegenerierung mit KI, Einrichtung des Projekts und Verständnis der erstellten Komponenten.

Verbesserung Ihrer App durch Hinzufügen von Funktionen, Verfeinerung des Designs und effektives Erlernen der Fehlerbehebung.

Veröffentlichen Sie Ihr Projekt, machen Sie es online zugänglich und stellen Sie mit GitHub und Vercel sicher, dass alles funktioniert.

Running the App Locally

Bedeutung des lokalen Ausführens

Der wichtigste Befehl

Was Sie sehen sollten