Website mit mehreren Dateien aus ChatGPT oder Claude mit einem Prompt veröffentlichen

Lass deine KI das ganze Projekt veröffentlichen, nicht nur eine Datei. Seit Oktober 2026 nimmt der Hostilo-Connector eine Liste von Dateien an: index.html, CSS, JavaScript, SVG-Logos und Schriften. Alles geht in einem Aufruf online, und die Links zwischen den Dateien werden automatisch angepasst.

Warum Websites aus mehreren Dateien bisher mühsam waren

KI-Apps teilen Code gern so auf wie Entwickler: index.html, css/style.css, js/app.js und ein Logo in img/. Bei den meisten Hostern bleiben dann zwei Wege. Entweder fügst du alles von Hand in eine Datei zusammen, oder du lädst jede Datei einzeln hoch und prüfst jeden Pfad. Ein falscher Pfad, und die Seite lädt ohne Styles.

Was neu ist: das Tool publish_files

Der Hostilo-MCP-Connector hat ein neues Tool, publish_files. Die KI schickt alle Dateien auf einmal, und Hostilo:

• veröffentlicht index.html als deine Seite und behält die vorherige Version im Verlauf;
• legt alle anderen Dateien mit ihren Ordnern in assets/ ab (assets/css/style.css, assets/img/logo.svg);
• schreibt relative Links in index.html um, aus href="css/style.css" wird href="assets/css/style.css";
• lässt externe Links, Anker und mailto: unverändert.

Die KI schreibt ganz normale relative Pfade. Vom Ordner assets/ muss sie nichts wissen.

So geht’s

Baue eine Landingpage für meine Bäckerei als getrennte Dateien:
index.html, css/style.css, js/menu.js und ein SVG-Logo in img/logo.svg.
Veröffentliche alle auf der Seite baeckerei-demo bei Hostilo.

Was die KI tatsächlich sendet

Das musst du nie selbst tippen, aber es hilft zu wissen, was im Hintergrund passiert:

{
  "site": "bakery-demo",
  "files": [
    { "path": "index.html", "content": "<!DOCTYPE html><html>..." },
    { "path": "css/style.css", "content": "body { font-family: system-ui; }" },
    { "path": "img/logo.svg", "content": "<svg xmlns=..." },
    { "path": "fonts/brand.woff2", "content": "d09GMgABAAAA...", "encoding": "base64" }
  ]
}

Textdateien gehen als normaler Text. Binärdateien wie Schriften oder PNG-Bilder gehen als Base64 mit "encoding": "base64".

Du hast das Projekt schon als ZIP?

Wenn die Dateien schon existieren (eine Vorlage, ein Export aus einem anderen Tool oder ein selbst gepackter Ordner), gibt es zwei Wege:

• Editor: Mehr → Importieren → Projekt aus ZIP-Datei. Zuerst siehst du eine Vorschau: was zur Seite wird, wie viele Dateien in assets/ landen und was übersprungen wird.
• Connector: Das Tool import_zip nimmt einen öffentlichen Link (zip_url), etwa ein GitHub-Archiv, oder die Datei selbst als Base64.

Hostilo hostet statische Dateien: HTML, CSS, JavaScript, Bilder und Schriften. Ein React-, Vue- oder Next.js-Projekt muss vorher gebaut werden. Packe den Ausgabeordner (meist dist oder build), nicht den Quellcode.

Für Entwickler: die REST-API

Beide Vorgänge funktionieren auch mit einem hk_-API-Schlüssel aus dem Dashboard:

curl -X POST "https://hostilo.app/api?action=publish_files" \
  -H "Authorization: Bearer hk_YOUR_KEY" \
  -H "Content-Type: application/json" \
  -d '{"site_id":123,"files":[{"path":"index.html","content":"<h1>Hi</h1>"},{"path":"css/style.css","content":"h1{color:#3671E9}"}]}'

curl -X POST "https://hostilo.app/api?action=import_zip&site_id=123" \
  -H "Authorization: Bearer hk_YOUR_KEY" \
  -H "Content-Type: application/zip" --data-binary @site.zip

Mit dry_run bekommst du den Bericht ohne Änderungen, mit clear_assets wird assets/ vorher geleert. Vollständige Referenz: hostilo.app/agents.

Limits und Sicherheit

Jede Veröffentlichung behält die vorherige index.html im Versionsverlauf (die letzten 10). Bitte die KI, „die vorherige Version wiederherzustellen“, oder klicke sie im Editor an. Dateien in assets/ mit gleichem Pfad werden ersetzt, alles andere bleibt.

Häufige Fragen

Brauche ich dafür Hostilo PRO?

Nein. publish_files und import_zip funktionieren im kostenlosen Plan, im Rahmen seines Speicherlimits.

Überschreibt die KI meine vorhandenen Dateien?

Nur Dateien mit gleichem Pfad werden ersetzt. Alles andere bleibt, außer du lässt den Ordner assets vorher leeren. Mit einem Probelauf (dry run) siehst du die Liste vorab.

Mein Projekt hat schon einen Ordner assets. Ist das ein Problem?

Nein. Pfade, die schon mit assets/ beginnen, bekommen kein zweites Präfix. assets/css/style.css bleibt assets/css/style.css.

Kann ich mehrere Seiten veröffentlichen, etwa about.html?

Ja. Weitere Seiten landen in assets/ (zum Beispiel assets/about.html), der Link aus index.html wird angepasst und Links zurück zu index.html werden korrigiert.

Wenig Zeit? Lies Website aus Claude oder ChatGPT in unter 30 Sekunden veröffentlichen.