Toolverse
Wszystkie skille

static-website-hosting-staticapp

autor: openclaw

Wdrażaj statyczne strony bezpośrednio na Static.app z poziomu OpenClaw

Instalacja

Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.

Instalacja

Szybkie info

Kategoria
DevOps

O skillu

Umiejętność do wdrażania stron internetowych i aplikacji statycznych na hosting Static.app. Pozwala Ci szybko przesyłać i publikować projekty HTML, CSS i JavaScript bez konfiguracji serwera. Automatycznie konwertuje nazwy plików na czyste adresy URL — plik about.html staje się /about. Obsługuje zarówno proste strony wielostronicowe, jak i zbudowane aplikacje JavaScript (React, Vue). Pracuje w dedykowanej strukturze folderów workspace, gdzie nowe projekty trafiają do staticapp/, a pobrane istniejące strony do staticapp/{pid}/.

Jak używać

  1. Przygotuj klucz API: wejdź na https://static.app/a, zaloguj się na swoje konto Static.app i skopiuj klucz dostępu. Będziesz go potrzebować do autoryzacji wdrożeń z OpenClaw.

  2. Przygotuj pliki projektu: dla prostych stron utwórz folder z plikami HTML (index.html, about.html, contact.html), arkuszami stylów CSS i folderami na obrazy oraz JavaScript. Dla aplikacji JavaScript (React, Vue, Angular) najpierw uruchom npm run build, aby wygenerować folder dist lub build.

  3. Umieść projekt w strukturze workspace: nowe strony umieść w folderze staticapp/ wewnątrz workspace OpenClaw. Jeśli edytujesz istniejącą stronę pobraną z Static.app, będzie ona automatycznie w folderze staticapp/{pid}/, gdzie pid to identyfikator projektu.

  4. Wyzwól umiejętność: powiedz OpenClaw, że chcesz wdrożyć stronę na Static.app, używając fraz takich jak "deploy to static.app", "upload to static" lub "host on static.app". Umiejętność automatycznie rozpozna te polecenia.

  5. Potwierdź wdrożenie: OpenClaw poprosi o potwierdzenie i użyje Twojego klucza API do przesłania plików. Static.app automatycznie konwertuje nazwy plików HTML na czyste adresy URL — nie musisz tworzyć podfolderów ani konfigurować tras.

  6. Sprawdź wynik: po wdrożeniu otrzymasz link do opublikowanej strony. Możesz natychmiast odwiedzić ją w przeglądarce i sprawdzić, czy wszystkie strony i zasoby ładują się poprawnie.

Podobne skille