Modul 1 · Was AI-Coding wirklich kann — und so legst du losT1Gratis8 Min Lesedauer

Was du auf deinem Rechner brauchst

Vier Bausteine — Editor, Node, Git, KI-Co-Pilot — und wo du sie herbekommst. Die vollständige Schritt-für-Schritt-Installation kommt im Vollzugang.

In dieser Lektion:Node.jsGitClaude

Bevor du mit Claude Code arbeitest, brauchst du vier Dinge auf deinem Rechner. Diese Lektion zeigt dir die Übersicht — was, warum, wo du es bekommst. Die vollständige Schritt-für-Schritt-Anleitung mit allen Cloud-Services (GitHub, Vercel, Supabase, Resend), Logins, SSH-Keys und Verbindungen findest du im Vollzugang in Lektion 2-2.

VS Code + Claude Code sind die zwei Tools, die direkt auf deinem Rechner laufen. Der Rest des Stacks lebt in der Cloud.

Die vier lokalen Bausteine

Visual Studio Code

Der Editor

Kostenlos, plattform-übergreifend, von Microsoft. Standard für moderne Web-Entwicklung. Claude Code läuft im Terminal — und das Terminal kannst du direkt in VS Code öffnen, sodass Editor und KI-Co-Pilot in einem Fenster leben.

Download: code.visualstudio.com

Node.js (Version 22 LTS)

JavaScript-Runtime

Brauchst du, weil Next.js und alle Build-Tools auf Node laufen. Wir nehmen Version 22 LTS (Long Term Support) — die robuste Wahl für 2026. Über npm (kommt mit Node) installierst du später Claude Code mit einer einzigen Zeile.

Download: nodejs.org/de/download → LTS-Version

Git

Versionskontrolle

Damit du deinen Code mit GitHub synchronisierst und eine sichtbare Version-Historie deiner Änderungen hast. Auf macOS ist Git oft schon vorinstalliert (über Xcode Command Line Tools), sonst gibt's einen Installer.

Download: git-scm.com/downloads

Claude Code

Der KI-Co-Pilot

Anthropic's Command-Line-Interface für Claude. Installiert sich nach Node-Installation in einer Zeile:

npm install -g @anthropic-ai/claude-code
claude login

Der Login öffnet automatisch einen Browser-Tab — du loggst dich bei Anthropic ein, der CLI bekommt einen Token, fertig. Auch hier: vollständige Anleitung inkl. Subscription-vs-API-Key-Entscheidung im Vollzugang.

Versionen prüfen — der Sanity-Check

Sobald alle vier Tools installiert sind, geben dir diese vier Befehle eine Version zurück:

code --version     # VS Code
node --version     # erwartet: v22.x
git --version
claude --version

Wenn alle vier eine Version ausspucken, ist deine Maschine startklar.

Funktioniert was nicht? Häufigster Stolperer: nach npm install einmal das Terminal-Fenster komplett schließen und neu öffnen — dann kennt es claude als Befehl. Auf Windows gilt: Git muss im PATH-Verzeichnis sein (Default-Installer macht das automatisch).

Was im Vollzugang dazukommt

Diese Lektion gibt dir die rudimentäre Übersicht für Modul 1. Im Vollzugang ab Lektion 2-2 kommt das komplette Setup — und das ist tatsächlich das, was dich produktiv macht:

  • Account-Anlage bei GitHub, Vercel, Supabase, Resend — Schritt für Schritt
  • VS-Code-Extensions, die du wirklich brauchst (GitLens, Prettier, ESLint, Tailwind-IntelliSense)
  • SSH-Key für GitHub einrichten — passwortloses git push
  • Vercel mit GitHub verbinden — automatischer Deploy bei jedem Commit
  • Env-Variablen in .env.local und im Vercel-Dashboard sauber pflegen
  • Sanity-Check über alle vier Cloud-Services

Wer Modul 1 abgeschlossen hat und seriös bauen will, ist in 2-2 in einer Stunde komplett eingerichtet — ohne Frust, ohne Stolperer.