Opublikuj artefakt z Claude jako prawdziwą stronę

Claude zrobił stronę i w panelu artefaktu wygląda dobrze. Wklej poniżej jej kod i dostaniesz adres, który wyślesz każdemu, z HTTPS i Twoją nazwą.

  • Adres w stylu twoja-nazwa.hostilo.page z HTTPS
  • Do 5 stron i 50 MB, bez karty
  • Edytor kodu z podglądem na żywo

Twój kod zostaje w tej przeglądarce. Po założeniu darmowego konta czeka już w edytorze.

Hostilo jest w katalogu konektorów Claude

Dodaj Hostilo do Claude raz, a potem wystarczy napisać „opublikuj to na Hostilo”. Claude sam wyśle pliki, bez kopiowania.

Dodaj do Claude

Jak to działa

  1. Otwórz artefakt w Claude i kliknij Kopiuj (albo Pobierz) w górnym rogu panelu.
  2. Wklej tutaj kod i kliknij Opublikuj. Załóż darmowe konto na swój e-mail.
  3. Wybierz nazwę. Strona działa pod adresem name.hostilo.page i możesz ją edytować w przeglądarce.

Prompt, po którym dostaniesz kod gotowy do publikacji

Zrób to jako jeden plik HTML z CSS i JavaScriptem w środku, nie jako komponent React. Bez zewnętrznych plików poza czcionkami i bibliotekami z CDN. Strona:

Wklej go do czatu z AI i po dwukropku opisz swoją stronę.

Najczęstsze problemy

Claude dał mi komponent React, a nie HTML

Artefakty React (.jsx) trzeba zbudować. Napisz do Claude: "Przerób ten artefakt na jeden samodzielny plik HTML, który ładuje React z CDN". Wynik wkleisz prosto do Hostilo.

Po publikacji brakuje obrazków

Claude często odwołuje się do plików, które były tylko w czacie, np. image.png. Wgraj obrazki w zakładce Pliki w edytorze pod tymi samymi nazwami albo poproś Claude o adresy URL obrazków.

Polskie znaki wyświetlają się źle

Sprawdź, czy w sekcji head jest <meta charset="UTF-8">. Claude zwykle to dodaje, ale linijka znika, gdy skopiujesz tylko część kodu.

Co dostajesz w darmowym planie

PRO dodaje własną domenę, 20 stron, 1 GB, brak plakietki i statystyki z całego roku za $29 rocznie. Po rejestracji wypróbujesz go za darmo przez 7 dni.

Pytania

Nie wystarczy przycisk Publikuj w Claude?

On udostępnia artefakt na claude.ai. Hostilo daje mu zwykły adres strony, pozwala edytować kod, dodać podstrony, podłączyć formularz kontaktowy, a później własną domenę.

Czy Claude może opublikować stronę na Hostilo bez kopiowania?

Tak. Dodaj w Claude konektor Hostilo (https://hostilo.app/mcp), zatwierdź dostęp i napisz "opublikuj to na Hostilo". Claude sam wyśle pliki.

Czy strona zostanie w sieci, gdy zamknę czat?

Tak. Strona jest na Hostilo, nie w rozmowie. W darmowym planie zaloguj się raz w miesiącu, żeby jej nie wstrzymać.

Czy mogę później zmienić stronę?

Otwórz ją w edytorze, zmień tekst albo kod i zapisz. Możesz też wkleić nową wersję z Claude w miejsce starej. Ostatnie wersje są zapisywane, więc zawsze wrócisz.

Przeczytaj cały poradnik

Jak opublikować artifact z Claude jako prawdziwą stronę

Podobne poradniki

Twoja strona może działać za minutę

Zarejestruj się adresem e-mail i hasłem. Darmowy plan, bez karty.

Zacznij za darmo