Przejdź do treści

Z WordPress do Astro — jak tworzyć strony WWW dziesięć razy szybciej i taniej

Migracja z WordPress do Astro i przekazanie utrzymania asystentowi AI oznacza godziny zamiast tygodni na każdą zmianę i abonament zamiast godzin programistów. Na przykładzie ciqualia.com ten poradnik pokazuje, jak przeprowadzić zmianę i co trzeba raz ustalić.

WP2ASTRO 01

ciqualia.com działała na WordPressie do końca sierpnia 2026 roku. Od tego czasu strona jest zbudowana w Astro, a nowe treści powstają w czacie z asystentem AI. Liczby w tym poradniku pochodzą z tej strony.

Dlaczego WordPress robi się drogi

W WordPressie niemal każda zmiana treści zaczyna się jako zmiana techniczna. Nowa strona wymaga nowego lub zmienionego szablonu. Szablon musi pasować do motywu, wtyczek i wcześniejszych dostosowań, i dopiero gdy jest gotowy, ktoś może napisać tekst.

Przy ciqualia.com zajmował się tym zespół programistów, za około 40 euro za godzinę. Zmiany pochłaniały co miesiąc dziesiątki godzin, a każda trwała co najmniej dwa tygodnie — licząc pytania, uzgodnienia, testy i poprawki. Do tego dochodziły płatne wtyczki premium, których aktualizacje są powiązane z płatną licencją.

Zatrzymajmy się na chwilę: do czego miał służyć CMS?

Zatrzymajmy się na chwilę i zastanówmy, po co w ogóle powstały systemy CMS. System zarządzania treścią miał umożliwiać publikowanie treści bez zajmowania się techniką. W instalacji WordPressa, która rozrastała się latami, technika wraca przez szablony i wtyczki.

Dziś tę rolę może przejąć asystent AI. Redakcja opisuje w czacie, co ma się zmienić; asystent pisze tekst i kod, sprawdza wynik i publikuje na polecenie. Warunek: wymagania techniczne, ograniczenia, sposób wycofania zmian i kontrole w środowisku testowym trzeba raz starannie ustalić.

To ta sama zasada co w Agentic OS dla back office: reguły obowiązujące wszystkie zadania, powtarzalne zadania i wyniki sprawdzane przed zamknięciem zadania.

Dlaczego Astro

Astro tworzy gotowy HTML z komponentów i plików z treścią. Nie ma bazy danych, PHP ani panelu administracyjnego, które trzeba utrzymywać i zabezpieczać. Treści leżą jako pliki w repozytorium, po jednym na język, a każda zmiana jest identyfikowalną wersją.

Dla asystenta AI to właściwe miejsce pracy: czyta i zapisuje pliki zamiast klikać w interfejsie, a każdą jego zmianę można przejrzeć, sprawdzić i wycofać.

Co ustala się raz

Aby redakcja pracowała wyłącznie w czacie, raz ustala się, czym jest strona, co jest sprawdzane przed każdą publikacją i jak wycofuje się błąd. Zapisuje się to jako skill lub wtyczkę asystenta AI, która od tej pory obowiązuje przy każdym zadaniu.

  1. 01 Reguły czym jest strona
    • System projektowy i komponenty
    • Języki i terminologia
    • Wymagania SEO
    • Ton i forma zwracania się
    • Niedozwolone twierdzenia
  2. 02 Kontrole przed każdą publikacją
    • Build i kontrola typów
    • Metatagi i dane strukturalne
    • Mapa witryny z datą zmiany
    • Linki
    • Zrzuty ekranu w trzech szerokościach
  3. 03 Akceptacja i wycofanie kto może co i kiedy
    • Stage przed produkcją
    • Chroniona gałąź główna
    • Akceptacja przed każdą publikacją
    • Każda zmiana wersjonowana
    • Wycofanie jednym poleceniem
Reguły opisują stronę, kontrole zabezpieczają każdą zmianę, akceptacja i wycofywanie zmian utrzymują stabilność produkcji.

W przypadku ciqualia.com należy do tego na przykład: każda zmiana treści obowiązuje jednocześnie we wszystkich dziewięciu językach. Każda strona pojawia się najpierw na stage’u, czyli testowej kopii serwisu. A lista kontrolna przed każdą publikacją sprawdza tytuły, opisy, odnośniki między wersjami językowymi, obrazy i układ na komputerze, tablecie i smartfonie.

Redakcja pracuje tylko w czacie

Redakcja nie musi nic wiedzieć o gicie, pull requestach ani pipeline’ach. Wpisuje zadanie do czatu — na przykład „Nowa strona o ISO 13485 według wzoru strony ISO 9001, we wszystkich językach” — ogląda wynik na stage’u, zgłasza poprawki i na koniec mówi: „Opublikuj na produkcji”.

  1. 01 Redakcja w czacie
    • Opisanie zadania
    • Przegląd wyniku na stage’u
    • Zgłoszenie poprawek
    • Akceptacja publikacji
  2. 02 Asystent AI według ustalonych reguł
    • Tekst i kod we wszystkich językach
    • Uruchomienie kontroli
    • Aktualizacja stage’u
    • Przekazanie zmiany do akceptacji
  3. 03 Produkcja automatycznie
    • Build
    • Wdrożenie
    • Mapa witryny z datą zmiany

Każda wersja zostaje zachowana: wcześniejszy stan jest o jedno polecenie w czacie.

Redakcja zleca zadania i akceptuje, asystent zajmuje się techniką, pipeline publikuje.

Liczby: godziny zamiast tygodni

CechaWordPress z zespołem programistówAstro z asystentem AI
Czas jednej zmiany Co najmniej dwa tygodnieZwykle od jednej do pięciu godzin
Koszty bieżące Dziesiątki godzin programistów miesięcznie po około 40 euroAbonament za 20 euro miesięcznie
Wtyczki i biblioteki Płatne wtyczki premiumOpen source na licencji MIT
Języki DwaDziewięć

Czas pochodzi z dzienników asystenta: dwanaście zadań od października 2026 roku, mierzonych od zadania w czacie do zmiany gotowej do akceptacji. Mediana wyniosła około półtorej godziny pracy i około czterech godzin łącznie; dłużej trwało to tylko wtedy, gdy zadanie czekało przez noc na odpowiedź.

  • Nowa strona o normie ISO 13485 w dziewięciu językach, według wzoru istniejącej: nieco ponad godzinę.
  • Strona „O nas”, która zastępuje stronę kontaktową, w dziewięciu językach: około 1,3 godziny.
  • Linki wewnętrzne do dwóch nowych stron ze wszystkich stron, do których pasują: osiem minut.
  • Największe zadania, katalog produktów i strona branżowa: od czterech do pięciu godzin.

Sama zmiana również przebiegła szybko: pierwsza linijka kodu powstała 4 sierpnia 2026 roku, a 29 sierpnia nowa strona zastąpiła WordPressa pod adresem ciqualia.com. Od tego czasu przybyło około dwudziestu nowych stron i pięć artykułów, każdy w dziewięciu językach.

Po stronie kosztów dziesiątki godzin programistów po 40 euro — 800 euro i więcej miesięcznie — stoją naprzeciw 20 euro. Po stronie czasu dwa tygodnie stoją naprzeciw kilku godzin. W obu przypadkach to więcej niż rząd wielkości.

Szybciej i taniej nie znaczy gorzej. Tak popularne narzędzia testowe oceniają stronę główną ciqualia.com, zarówno na urządzeniach mobilnych, jak i na komputerze:

  • PageSpeed Insights: wydajność 100, ułatwienia dostępu 95, sprawdzone metody 100, SEO 100, Agentic Browsing 3 z 3.
  • Ahrefs Site Audit: Health Score 100 — żaden wewnętrzny adres witryny nie ma błędów.

Co zastępuje wtyczki

Przed przeprowadzką warto zrobić inwentaryzację: jakie wtyczki są zainstalowane i do czego służy każda z nich? W przypadku ciqualia.com niewiele z nich zostało:

ZadanieW WordPressieW Astro
Formularz kontaktowy Contact Form 7Własny formularz, działa także bez JavaScriptu
Ochrona przed spamem AkismetHoneypot i pułapka czasowa, potem ten sam interfejs Akismet
Zapisywanie zgłoszeń CFDB7Zapis na własnym serwerze, jeszcze przed wysłaniem e-maila
Wysyłka e-maili Dwie wtyczki SMTPJedna biblioteka pocztowa
Wielojęzyczność Polylang ProRouting językowy Astro
SEO Yoast SEOMetatagi, dane strukturalne i mapa witryny w układzie strony
Pamięć podręczna WP RocketNiepotrzebne: gotowy HTML
Baner cookies Wtyczka cookiesNiepotrzebny: brak cookies
Bezpieczeństwo Wtyczki bezpieczeństwa i menedżera plikówNiepotrzebne: bez PHP, bez bazy danych, bez przesyłania plików

Inwentaryzacja jest zarazem audytem. W kodzie starych wtyczek ciqualia.com znalazły się trzy rzeczy, których świadomie nie przeniesiono: wyłączona weryfikacja certyfikatów przy przekazywaniu danych do CRM, komunikaty o błędach wysyłane na prywatną skrzynkę i dwie konkurujące wtyczki SMTP.

Przeprowadzka bez strat w wyszukiwarce

Mapa starej witryny zawierała 80 adresów. W sprawie każdego zapadła decyzja:

  • 16 istnieje na nowej stronie pod tym samym adresem. Nie potrzebują żadnej reguły.
  • 11 ma następcę pod inną ścieżką i jest przekierowywanych na stałe (301), z ukośnikiem na końcu i bez niego.
  • 53 celowo odpowiada kodem 404: portfolio, oferty pracy, stare strony usług, strony testowe i archiwa tagów.

W dniu przełączenia:

  1. Skierować DNS na nowy serwer.
  2. Wyczyścić robots.txt z pamięci podręcznej CDN — inaczej jeszcze przez wiele godzin będzie wskazywać mapę witryny starej wtyczki SEO.
  3. Zgłosić nową mapę witryny w Google Search Console.
  4. Liczyć się z większą liczbą odpowiedzi 404: wynikają z powyższych decyzji.
  5. Wyrywkowo sprawdzić przekierowania i wysłać testowe zgłoszenie przez formularz.

Ochrona danych od samego początku

Mniej techniki oznacza też mniej pytań o ochronę danych. Stara strona korzystała z Google Analytics i banera cookies. Nowa świadomie rezygnuje z plików cookies, także statystycznych, więc nie potrzebuje banera: odwiedzający od razu czyta treść, zamiast najpierw zamykać okno zgody. Dane osobowe pojawiają się tylko w formularzu kontaktowym. Asystent AI pracuje z kodem i tekstami, a nie z danymi odwiedzających.

To, co mimo wszystko jest przetwarzane — formularz kontaktowy, wysyłka e-maili, hosting — należy do rejestru czynności przetwarzania. Complaica prowadzi ten rejestr i pilnuje zadań z zakresu ochrony danych; więcej na stronach o oprogramowaniu RODO i zarządzaniu ochroną danych.

Na koniec: zrzuty ekranu w dziewięciu językach

Zostaje jedno pytanie, na którym wielojęzyczne strony często się potykają: jak uzyskać zrzuty ekranu własnego oprogramowania w każdym języku? Niemiecki obraz obok francuskiego tekstu wygląda niedbale, a każda nowa wersja oprogramowania naraz postarza wszystkie obrazy.

Dlatego w ciqualia.com widoki produktu nie są zdjęciami robionymi ręcznie. Każdy widok jest odtworzony jako komponent z przetłumaczonymi tekstami oprogramowania i renderowany jako osobna strona dla każdego języka. Skrypt otwiera te strony w przeglądarce Chrome bez okna (headless), fotografuje je i zapisuje obrazy w kilku szerokościach jako AVIF i WebP — około 2000 plików, tworzonych jednym poleceniem. Gdy zmienia się tekst lub kolor, asystent powtarza zdjęcia.

Na potrzeby prezentacji produktu ten sam Chrome loguje się do lokalnej wersji demonstracyjnej prawdziwej aplikacji, otwiera moduły i fotografuje je w rozmiarze komputerowym. Tak samo działa kontrola układu przed każdą publikacją: zrzuty ekranu w trzech szerokościach, które asystent sam ogląda.

Chętnie powiemy, jak

Ciqualia buduje strony w ten sposób i przygotowuje proces dla Państwa zespołu: reguły, kontrole, stage i skill dla asystenta AI. Więcej o tworzeniu oprogramowania i zastępowaniu istniejących aplikacji znajdą Państwo w Pragmatica, a o integracji AI w Gnostica.

Chcę wiedzieć więcej

WP2ASTRO 03

Co Państwo o tym sądzą?

Prosimy o wiadomość — co z tego dotyczy Państwa?

✓Chcą Państwo więcej wpisów na ten temat?
✓Chcą Państwo podzielić się własnymi materiałami na ten temat?
✓Zostawią nam Państwo swoje dane kontaktowe?
✓Będą nas Państwo obserwować w mediach społecznościowych?
Proszę o cennik