Website mit KI erstellen: Komplette Seite mit Claude Code gebaut

Ich habe eine komplette Website mit KI erstellt. Keinen Baukasten benutzt, kein Template angepasst — sondern einen Prompt geschrieben und einem KI-Agenten die Arbeit überlassen.

In diesem Artikel zeige ich dir den gesamten Prozess: Welche Tools ich verwendet habe, wie die Prompts aussahen, und was dabei herausgekommen ist.

Video-Tutorial: Website mit KI erstellen

Den kompletten Prozess habe ich als Tutorial aufgenommen. Hier kannst du mir dabei zusehen, wie die Website Schritt für Schritt entsteht:

Der Tech-Stack: 5 Tools für die KI-Website

Fünf Tools, die zusammenspielen:

Cursor — die IDE mit eingebautem KI-Chat
Claude Code — der KI-Agent, der Code schreibt und Befehle ausführt
Astro — das Web-Framework für schnelle, statische Seiten
GitHub — Versionierung und Deployment-Pipeline
Hostinger — Hosting mit automatischem Git-Deploy

Tech-Stack für Website mit KI erstellen: Cursor, Claude Code, Astro, GitHub und Hostinger im Zusammenspiel

Warum Astro statt WordPress für KI-generierte Websites?

Die kurze Antwort: Claude Code arbeitet direkt mit Dateien. Bei Astro ist alles Code im Projektordner — lesen, schreiben, ändern. Bei WordPress müsste die KI über APIs, Datenbanken und Plugins arbeiten.

Vergleich Astro vs WordPress für KI-Website-Erstellung: Dateizugriff, Projektstruktur und Performance im direkten Vergleich

Astro liefert außerdem standardmäßig schnellere Seiten, weil es statisches HTML generiert. Kein PHP, keine Datenbank-Abfragen bei jedem Seitenaufruf.

Was ist Claude Code?

Claude Code ist ein KI-Agent, der direkt im Terminal arbeitet. Du beschreibst auf Deutsch, was du willst — und Claude liest dein Projekt, schreibt Code, führt Befehle aus und testet das Ergebnis.

Claude Code Terminal-Ansicht: KI-Agent der auf natürliche Sprache reagiert und Code schreibt

Was Claude Code kann

Claude Code Fähigkeiten: Dateien lesen, Code schreiben, Befehle ausführen und Kontext merken

Was du für den Start brauchst

Claude Code Setup-Anleitung: Node.js, API-Key und Terminal — alles was du brauchst

Der Prompt: So habe ich die Website mit KI erstellt

Das Entscheidende: der richtige Prompt. Ich habe Claude Code gesagt, welches Framework, welches Template, welche Inhalte — und der Agent hat daraus selbstständig alle Seiten, Texte und Meta-Tags erstellt.

Der exakte Prompt mit dem die komplette Website per KI erstellt wurde

Was Claude daraus gemacht hat

Ergebnis des ersten Prompts: Alle erstellten Seiten, Texte und Meta-Tags im Überblick

Im zweiten Prompt habe ich korrigiert: Domain angepasst, Demo-Seiten entfernt, Blogartikel und SEO-Landingpages erstellt.

Zweiter Prompt mit Korrekturen: Domain-Fix, Blogartikel und SEO-Seiten erstellt

Website mit KI erstellen: Der Ablauf Schritt für Schritt

Ablauf Website mit KI erstellen: Vom Prompt über Code-Generierung bis zur fertigen Seite

Lokale SEO-Seiten automatisch mit KI erstellen

Ein Bonus: Claude Code hat für mehrere Städte individuelle SEO-Landingpages erstellt. Jede Seite mit lokalen Bezügen — Wahrzeichen, Universitäten, Wirtschaftsstruktur.

URL-Struktur der lokalen SEO-Seiten: Individuelle Landingpages für Nürnberg, Erlangen, Fürth und Bamberg

Warum das funktioniert: „KI Beratung Nürnberg” hat deutlich weniger Konkurrenz als „KI Beratung” allein. Und die lokalen Referenzen zeigen Google den echten Ortsbezug.

Lokale SEO mit KI: Stadtspezifische Inhalte, lokale Referenzen und Keyword-Optimierung pro Standort

KI-Website bei Hostinger deployen

Die fertige Seite muss online. Bei Hostinger gibt es zwei Wege:

Website deployen bei Hostinger: Manueller Upload vs. automatisches Git-Deployment im Vergleich

Ich nutze die Git-Verbindung: Jeder Push auf den Deploy-Branch aktualisiert die Website automatisch.

Das Ergebnis: Fertige Website mit KI erstellt

Fertige Website erstellt mit Claude Code: Mehrere Seiten, Blog, SEO-Landingpages und Kontaktformular

Eine komplette Website mit mehreren Seiten, Blog, SEO-Landingpages und Kontaktformular — erstellt durch zwei Prompts an einen KI-Agenten.

Selbst ausprobieren

Du willst deine eigene Website mit KI erstellen? Im YouTube-Video siehst du jeden Schritt live. Und wenn du Unterstützung brauchst, melde dich bei mir.