Case study: Migracja zurekfinanse.pl z Drupal 7 do Astro

O projekcie

Klient: Agnieszka Żurek Finanse — niezależny doradca finansowy z ponad 20-letnim doświadczeniem. Usługi: leasing, kredyt, faktoring, gwarancje bankowe, zarządzanie wierzytelnościami.

Zadanie: Przepisanie przestarzałej strony opartej na Drupal 7 i Bootstrap 3 na nowoczesną, szybką i przyjazną SEO platformę statyczną.

Stack przed migracją: Drupal 7, Bootstrap 3, PHP, MySQL, jQuery Stack po migracji: Astro (static output), SCSS, vanilla JS, bez backendu

Problem — dlaczego migracja z Drupal 7 była konieczna ?

Drupal 7 osiągnął koniec wsparcia (EOL). Wiązało się to z brakiem aktualizacji. Strona była powolna, trudna w utrzymaniu i niemal niemożliwa do rozwijania bez głębokiej znajomości systemu.

Do tego: Bootstrap 3, jQuery, moduły Drupala — wszystko to generowało setki kilobajtów zbędnego kodu ładowanego przy każdej odsłonie. Wynik PageSpeed: niezadowalający.

Rozwiązanie — Astro jako platforma docelowa

Wybraliśmy Astro — nowoczesny framework do budowania statycznych stron WWW. Kluczowe zalety w tym projekcie:

• Zero JS po stronie klienta tam gdzie niepotrzebny — strona wysyła do przeglądarki czysty HTML
• Build statyczny — pliki HTML generowane raz przy deploymencie, serwer nie przetwarza żadnych zapytań
• Natywna obsługa SCSS i komponentów wielokrotnego użytku
• Wbudowana integracja z sitemap, hreflang, SEO
• Minimalna krzywa uczenia — komponenty .astro to po prostu HTML + opcjonalny JS

Jak przebiegał proces

Migrację podzieliliśmy na 11 etapów realizowanych iteracyjnie — każdy etap kończył się działającym kodem i był weryfikowany przed przejściem dalej.

Etap 0–1 — Fundament Inicjalizacja projektu, konfiguracja SCSS z design tokenami (kolory, fonty, breakpointy), bazowe layouty i komponenty (Header, Nav, Footer).

Etap 2–3 — Strona główna i “O mnie” Przepisanie sekcji hero z paralaksem, siatki usług, sekcji “O firmie” z animowaną listą. Mobilne menu hamburger w czystym JS (< 200B).

Etap 4–6 — Podstrony oferty i pozostałe strony PL 11 podstron oferty według jednego szablonu — każda z unikalną treścią, sekcją FAQ i danymi Schema.org. Dodano 3 nowe podstrony SEO (finansowanie medyczne, dotacje, doradztwo finansowe) odpowiadające na frazy, których wcześniej na stronie nie było.

Etap 7 — Wersje językowe Pełna wersja angielska i niemiecka — 18 podstron × 3 języki = 54 strony + redirect. Każda wersja z własnym adresem URL, hreflang i przetłumaczoną treścią.

Etap 8 — SEO i Schema.org Organization, FAQPage, BreadcrumbList, LocalBusiness, Person — dane strukturalne na każdej podstronie. Sitemap XML z 55 URL-ami i wariantami językowymi. robots.txt. Open Graph dla social media.

Etap 9 — Core Web Vitals Preload krytycznych zasobów (font, hero image), async loading Google Fonts, critical CSS inline, lazy loading obrazów z wymiarami (zapobieganie CLS), skrypty deferred przez Astro domyślnie.

Etap 10 — QA Automatyczny test 0 broken linków, walidacja Schema.org na 55 stronach, weryfikacja meta tagów i hreflang.

Wyniki migracji

Masz WordPressa lub Drupala do migracji?

Jeśli Twoja strona stoi na przestarzałym CMS-ie — Drupal 7, WordPress, Joomla, TYPO3 — i zaczyna sprawiać problemy: jest powolna, trudna w utrzymaniu, generuje koszty hostingu lub coraz ciężej ją aktualizować, to dobry moment na rozmowę.

Migracja do Astro lub podobnego narzędzia to nie tylko techniczne odświeżenie. To inwestycja w szybkość, bezpieczeństwo i lepszą widoczność w Google — bez comiesięcznych kosztów hostingu dynamicznego i bez ryzyka związanego z nieaktualizowanym oprogramowaniem.

Skontaktuj się z nami — pokażemy Ci co konkretnie można zyskać w Twoim przypadku.