Summary  
This chapter covers using Git to push local code to a remote GitHub repository, including authentication via GitHub’s device flow and managing sensitive files with a .gitignore.  

General domain of usage  
Web application deployment

**GitHub** ist eine Plattform zum Hosten und Verwalten von Code mit Versionskontrolle (Git). Sie ermöglicht es Entwicklern, Projekte zu speichern, Änderungen nachzuverfolgen, mit anderen zusammenzuarbeiten und ihre Arbeit online zu teilen.

Definition

Momentan befindet sich dein Projekt in einem Ordner auf deinem Computer. Um es online zu veröffentlichen, musst du es an einen Ort verschieben, auf den eine Hosting-Plattform zugreifen kann. GitHub übernimmt diese Vermittlerrolle.

Stelle dir GitHub als Cloud-Speicher für Code vor. Deine Dateien bleiben auf deinem Computer, aber GitHub bewahrt eine Kopie auf, die andere Tools – wie die Hosting-Plattform, die wir im nächsten Kapitel verwenden – lesen und bereitstellen können.

GitHub speichert deinen Code. Vercel veröffentlicht ihn. Wir beginnen mit GitHub.

Hinweis

### Was zu tun ist

1. **GitHub-Konto erstellen**
Zu **github.com** gehen und auf **Sign Up** klicken.
Wenn bereits ein Konto vorhanden ist, einfach anmelden

2. **Claude Code bitten, das Projekt zu pushen**
   Die GitHub-Einrichtung muss nicht manuell durchgeführt werden. Claude Code fragen:

```
   Wie kann ich meine App veröffentlichen? Ich habe ein GitHub-Konto. Ich möchte den einfachsten Weg, die App zu veröffentlichen.
```

Claude Code führt durch das Pushen des Projekts zu GitHub.
Wenn zur Autorisierung über **github.com/login/device** aufgefordert wird, den Schritten folgen, den Code eingeben und auf **Approve** klicken

3. **Bestätigen, dass das Projekt auf GitHub online ist**
   Nach Abschluss stellt Claude Code eine GitHub-URL bereit
Den Link öffnen und sicherstellen, dass alle Projektdateien vorhanden sind

### Wichtige Information

Das Projekt enthält eine Datei namens .env.local. Hier befindet sich der API-Schlüssel. Diese Datei wird durch eine Datei namens .gitignore automatisch von GitHub ausgeschlossen. Das bedeutet, der API-Schlüssel bleibt privat und wird nicht hochgeladen.

Hier musst du nichts tun. Claude Code übernimmt dies automatisch. Es ist jedoch hilfreich zu wissen, warum.

Sobald dein Code auf GitHub ist, behandelt das nächste Kapitel die Bereitstellung auf Vercel, sodass deine App mit einer echten URL für jeden im Internet erreichbar ist.


Was ist die Hauptaufgabe von GitHub beim Bereitstellen deines Codes?

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.

Code auf GitHub Hochladen

Was zu tun ist

Wichtige Information