Von Zero zum eigenen Deployment.

1Was ist Claude Code?

Claude Code ist ein Command-Line-Tool von Anthropic. Du tippst, was du willst — Claude liest deine Dateien, schreibt Code, führt Tests aus und committet Änderungen. Im Terminal, direkt in deinem Projekt.

2Voraussetzungen — Terminal öffnen

Wir arbeiten heute fast ausschließlich im Terminal. Das ist das Programm, in dem du Befehle eintippst.

Mini-Cheatsheet

3Python mit uv installieren

uv ist ein moderner, blitzschneller Python-Manager (von Astral). Er installiert Python selbst und verwaltet Pakete — alles in einem Tool.

curl -LsSf https://astral.sh/uv/install.sh | sh

powershell -ExecutionPolicy ByPass -c "irm https://astral.sh/uv/install.ps1 | iex"

Verifizieren & Python installieren

uv --version
uv python install 3.12

4Node.js mit npm installieren

Node.js bringt JavaScript auf deinen Rechner — und mit ihm npm (Node Package Manager). Wir brauchen beides, weil Claude Code als npm-Paket verteilt wird.

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.1/install.sh | bash
# Terminal neu starten, dann:
nvm install --lts
nvm use --lts

winget install OpenJS.NodeJS.LTS

Verifizieren

node --version
npm --version

5Git & GitHub

Git ist ein Versionskontrollsystem: es speichert Snapshots ("Commits") deines Codes — du kannst jederzeit zurückspringen, parallel an Features arbeiten und siehst, wer wann was geändert hat. GitHub ist eine Web-Plattform, auf der diese Git-Repositories online liegen — zum Teilen, Zusammenarbeiten und für Backups.

Git installieren

git --version
# Falls nicht da: Xcode Command Line Tools werden vorgeschlagen
xcode-select --install

winget install --id Git.Git -e

Einmalige Konfiguration

git config --global user.name "Dein Name"
git config --global user.email "du@example.com"

Erstes Repo & erster Commit

cd mein-erstes-projekt
git init
git add .
git commit -m "Initialer Stand"

Auf GitHub veröffentlichen

1. Account auf github.com anlegen.
2. Oben rechts "+" → "New repository", Namen vergeben, ohne README erstellen.
3. Im Terminal die zwei Befehle ausführen, die GitHub dir anzeigt:

git remote add origin https://github.com/DEIN-USER/DEIN-REPO.git
git branch -M main
git push -u origin main

Mini-Cheatsheet

6Claude Code installieren

Jetzt das Hauptevent. Ein Befehl reicht — auf beiden Systemen identisch.

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

Paket auf npm: @anthropic-ai/claude-code · Docs: docs.claude.com

Erststart

Wechsle in einen beliebigen Projektordner und starte Claude:

mkdir mein-erstes-projekt
cd mein-erstes-projekt
claude

Beim ersten Start öffnet sich ein Browser-Fenster für den Login mit deinem Anthropic-Account. Danach landest du in der Claude-Code-Oberfläche im Terminal.

7Erste Schritte — Zero to Hero

Du bist drin. Jetzt zeigen wir dir die wichtigsten Bausteine.

a) Frag einfach

Schreib in normalem Deutsch oder Englisch, was du willst. Beispiele:

Erstelle eine Datei hello.py mit einer Funktion, die "Hallo Welt" ausgibt.

Lies index.html und erkläre mir die Struktur in 5 Bullets.

b) Nützliche Slash-Befehle

c) Plan Mode (Shift+Tab)

Bei größeren Änderungen kannst du in den Plan Mode wechseln. Claude erstellt erst einen Plan, du bestätigst — dann erst wird Code geschrieben. Sicherheit first.

d) Übung

Erstelle eine einseitige HTML-Site über mein Lieblings-Hobby. Mit Tailwind via CDN, einer Hero-Section und drei Karten.

8Statische Website vs. Webapp

Bevor du deployst — eine wichtige Unterscheidung:

9Statische Site auf Cloudflare Pages deployen

Cloudflare Pages hostet statische Sites kostenlos, mit Custom Domain und globalem CDN. Wir nutzen wrangler — Cloudflares offizielles CLI.

1. Wrangler installieren

npm install -g wrangler

2. Bei Cloudflare einloggen

wrangler login

Öffnet einen Browser, du loggst dich bei Cloudflare ein und erlaubst den Zugriff. (Falls du noch keinen Account hast: kostenlos registrieren.)

3. Deployen

Wechsle in den Projektordner mit deiner index.html und führe aus:

wrangler pages deploy . --project-name=meine-erste-site

Wrangler lädt die Dateien hoch und gibt eine URL wie https://meine-erste-site.pages.dev zurück. Fertig.

4. Eigene Domain (optional)

Im Cloudflare-Dashboard → dein Pages-Projekt → "Custom domains". DNS einrichten lassen, fertig.

10Webapps hosten — die Optionen

Sobald du Server-Code laufen lässt (Login, API, Datenbank), brauchst du mehr als Cloudflare Pages. Drei realistische Wege:

export default {
  async fetch(request) {
    return new Response("Hallo vom Edge!");
  }
};

wrangler deploy

ssh root@dein-server.example
# Node + pm2 installieren
apt update && apt install -y nodejs npm caddy
npm install -g pm2
pm2 start app.js --name meine-app

Vergleich