Zum Inhalt
VORREN

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/mcp

Dann 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:

„Bau mir eine Seite für mein Fotostudio in Leipzig: Porträts, Hochzeiten, Business. Drei Referenzen, Preise auf Anfrage, Kontakt per Mail und Telefon. Hell, viel Weißraum. Stell sie bei VORREN als Vorschau online.“

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.

Einmal im Monat, was neu ist.

Neuigkeiten und Ratgeber von VORREN per Mail. Ohne Tracking, Abmelden mit einem Klick.

Ja, schick mir etwa einmal im Monat den VORREN-Newsletter mit Neuigkeiten und Ratgebern an diese Adresse. Abmelden geht jederzeit mit einem Klick in jeder Mail. Mehr in den Datenschutzhinweisen.

Weiterlesen

Ratgeber

MCP-Server mit Claude und ChatGPT verbinden

Was ein MCP-Server ist, welche Tarife eigene Server erlauben und wie du einen in Claude Desktop, Claude Code und ChatGPT einrichtest.

Agenten und MCP · Praxis

Ratgeber

Website mit Claude bauen und veröffentlichen

Schritt für Schritt von der Idee bis zur eigenen Domain: Claude baut die Seite, VORREN stellt sie online. Ohne Server, ohne Terminal.

Praxis · Agenten und MCP

Deine nächste Seite ist ein Gespräch entfernt.

Konto anlegen, Agent verbinden, losbauen. Dein erstes Projekt ist kostenlos, du zahlst erst, wenn du mehr willst oder live gehst.

Lieber erst mitlesen? Newsletter, etwa einmal im Monat.