Ratgeber
Website aus Claude Code veröffentlichen
Claude Code baut die Seite in deinem Ordner, VORREN stellt sie online. Verbinden, erster Auftrag, Vorschau, live, in wenigen Schritten.
Von Tim Haag
Mit Claude Code liegt deine Website als Ordner auf deinem Rechner: Du siehst jede Datei, kannst sie mit Git verwalten und behältst den Code. Was fehlt, ist der Weg ins Netz. Den übernimmt VORREN: Claude Code schickt die Dateien, VORREN baut sie, stellt eine Vorschau online und auf Wunsch live unter deiner Domain.
Was du brauchst
- Claude Code auf deinem Rechner, im Terminal oder in der Desktop-App.
- Ein Konto bei VORREN. Dein erstes Projekt baust du kostenlos als Vorschau. Zum Live gehen brauchst du Slots; jede Website kostet 9 € im Monat, solange sie live ist (Preise).
- Einen leeren Ordner für die Seite, oder einen Ordner mit einer Seite, die schon existiert.
Schritt 1: VORREN verbinden
Im Terminal, einmal:
claude mcp add --transport http vorren https://mcp.vorren.de/mcpDann Claude Code starten und /mcp eingeben. Steht bei VORREN „needs authentication“, wähl Authenticate. Im Browser meldest du dich bei VORREN an und gibst den Zugriff frei. Achte darauf, dass du dort mit demselben Konto angemeldet bist, in dem die Seite entstehen soll.
Schritt 2: Rückfragen abstellen
Claude Code fragt vor jedem neuen Werkzeug, ob es es benutzen darf. Wähl beim ersten Mal Yes, and don’t ask again, oder erlaube alle Werkzeuge von VORREN auf einmal mit diesem Eintrag in ~/.claude/settings.json:
{ "permissions": { "allow": ["mcp__vorren"] } }Das ist sicher: Projekte und dein Konto löschen, Domains verbinden und geheime Werte setzen geht nur im Dashboard, und live stellt dein Agent nur, wenn du es ausdrücklich sagst.
Schritt 3: Der erste Auftrag
Geh in den Ordner der Seite und sag, was du willst, zum Beispiel:
Claude Code holt sich von VORREN die Vorgaben und eine passende Vorlage, legt die Dateien in deinem Ordner an und passt sie an. Zum Hochladen packt es die geänderten Dateien in ein Archiv und schickt es direkt an VORREN, Bilder gehen auf den Medienserver. Danach prüft VORREN die Fassung, baut sie und stellt die Vorschau online.
VORREN erinnert dabei daran, dass Impressum und Datenschutzerklärung noch Platzhalter sind. Claude Code fragt dich nach den Angaben, bevor die Seite live geht.
Schritt 4: Vorschau ansehen und ändern
Claude Code nennt dir die Vorschau-Adresse. Sieh sie dir auf Handy und Rechner an und sag, was anders sein soll. Jede Vorschau ist eine eigene Version; eine ältere holst du mit einem Satz zurück. Weil die Dateien bei dir liegen, kannst du auch selbst etwas ändern und Claude Code bitten, die neue Fassung hochzuladen.
Schritt 5: Domain und Live
Deine Domain verbindest du im Dashboard unter Domains; welche Einträge du dafür setzt, steht im Ratgeber Eigene Domain mit deiner KI-Website verbinden. Danach sagst du: „Stell die Seite live.“ Kostet das Live-Stellen etwas, bestätigst du es beim ersten Mal einmal im Dashboard.
Häufige Fragen
Brauche ich Git? Nein. VORREN hält die Versionen selbst. Git kannst du für deinen Ordner trotzdem nutzen.
Muss ich ein Dockerfile oder eine Server-Konfiguration schreiben? Nein, und Claude Code soll es auch nicht. VORREN setzt Server, Build und HTTPS selbst ein und lehnt solche Dateien mit einem Hinweis ab.
Muss ich die Seite selbst bauen? Nein, VORREN baut sie auf dem Server. Claude Code baut sie vorher gern auch auf deinem Rechner, um Fehler früh zu sehen; dafür braucht es Node.js 22.12 oder neuer. Mit einer älteren Version scheitert der Bau auf deinem Rechner, die Vorschau bei VORREN klappt trotzdem.
Was ist, wenn der Build scheitert? VORREN schickt Claude Code die letzten Zeilen des Build-Protokolls mit einem Hinweis, was zu ändern ist. Damit kann Claude Code den Fehler selbst beheben und es noch einmal versuchen.