Strona wieloplikowa z ChatGPT albo Claude jednym poleceniem

Poproś AI o opublikowanie całego projektu, a nie jednego pliku. Od października 2026 konektor Hostilo przyjmuje listę plików: index.html, CSS, JavaScript, logo w SVG i czcionki. Wszystko trafia do sieci w jednym kroku, a linki między plikami poprawiają się same.

Dlaczego strony z wielu plików były kłopotem

Aplikacje AI lubią dzielić kod tak jak programiści: index.html, css/style.css, js/app.js i logo w img/. Na większości hostingów zostają wtedy dwie drogi. Albo ręcznie sklejasz wszystko w jeden plik, albo wgrywasz pliki po kolei i sprawdzasz każdą ścieżkę. Jedna literówka i strona ładuje się bez stylów.

Co się zmieniło: narzędzie publish_files

Konektor MCP Hostilo ma nowe narzędzie, publish_files. AI wysyła wszystkie pliki naraz, a Hostilo:

• publikuje index.html jako stronę i zostawia poprzednią wersję w historii;
• odkłada pozostałe pliki do assets/ z zachowaniem folderów (assets/css/style.css, assets/img/logo.svg);
• przepisuje względne linki w index.html, więc href="css/style.css" zmienia się w href="assets/css/style.css";
• nie rusza linków zewnętrznych, kotwic ani mailto:.

AI pisze zwykłe ścieżki względne. Nie musi nic wiedzieć o folderze assets/.

Jak to zrobić

Zrób stronę mojej piekarni jako osobne pliki: index.html,
css/style.css, js/menu.js i logo SVG w img/logo.svg.
Opublikuj je wszystkie na stronie piekarnia-demo w Hostilo.

Co AI faktycznie wysyła

Nie musisz tego pisać, ale dobrze wiedzieć, co dzieje się w tle:

{
  "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" }
  ]
}

Pliki tekstowe idą jako zwykły tekst. Pliki binarne, takie jak czcionki czy obrazy PNG, idą w base64 z "encoding": "base64".

Masz już projekt w pliku ZIP?

Jeśli pliki już istnieją (szablon, eksport z innego narzędzia albo folder spakowany samodzielnie), są dwie drogi:

• Edytor: Więcej → Importuj → Projekt z pliku ZIP. Najpierw widzisz podgląd: co zostanie stroną, ile plików trafi do assets/ i co zostanie pominięte.
• Konektor: narzędzie import_zip przyjmuje publiczny link (zip_url), np. archiwum z GitHuba, albo sam plik w base64.

Hostilo hostuje pliki statyczne: HTML, CSS, JavaScript, obrazy i czcionki. Projekt w React, Vue albo Next.js trzeba najpierw zbudować. Spakuj folder wynikowy (zwykle dist albo build), a nie kod źródłowy.

Dla programistów: REST API

Te same dwie operacje działają z kluczem API hk_ z panelu:

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

Dodaj dry_run, żeby dostać raport bez żadnych zmian, i clear_assets, żeby najpierw wyczyścić assets/. Pełny opis: hostilo.app/agents.

Limity i bezpieczeństwo

Każda publikacja zostawia poprzedni index.html w historii wersji (10 ostatnich). Wystarczy poprosić AI o „przywrócenie poprzedniej wersji” albo kliknąć ją w edytorze. Pliki w assets/ o tej samej ścieżce są nadpisywane, reszta zostaje na miejscu.

Najczęstsze pytania

Czy potrzebuję Hostilo PRO?

Nie. publish_files i import_zip działają w planie darmowym, w ramach jego limitu miejsca.

Czy AI nadpisze moje obecne pliki?

Nadpisywane są tylko pliki o tej samej ścieżce. Reszta zostaje, chyba że poprosisz o wyczyszczenie folderu assets. Przed publikacją możesz zrobić próbę (dry run) i zobaczyć listę.

Mój projekt ma już folder assets. Czy to problem?

Nie. Ścieżki zaczynające się od assets/ nie dostają drugiego przedrostka, więc assets/css/style.css zostaje assets/css/style.css.

Czy mogę opublikować kilka podstron, np. about.html?

Tak. Dodatkowe strony trafiają do assets/ (np. assets/about.html), link z index.html się aktualizuje, a linki powrotne do index.html są poprawiane.

Mało czasu? Przeczytaj Opublikuj stronę z Claude albo ChatGPT w mniej niż 30 sekund.