QWKAK: serwis klubu modelarskiego w Astro 5
Poznaj case study serwisu dla klubu modelarskiego: migracja na Astro 5, automatyczna optymalizacja setek zdjęć (Sharp), edycja w TinaCMS i 100/100 w Google Lighthouse.
Wyzwanie projektowe
Strona klubu z ponad 20-letnią tradycją oraz organizatora ogólnopolskiego konkursu Kartonowa Syrenka wymagała obsługi setek gigabajtów zdjęć modeli bez spowalniania witryny. Głównym wyzwaniem było stworzenie ekspresowo szybkiego serwisu (Zero-JS domyślnie), który redaktorzy mogą łatwo aktualizować bez wiedzy programistycznej, zachowując rzemieślniczy klimat wizualny, pełną dostępność WCAG 2.1 AA oraz zgodność z RODO i UOKiK.
Wdrożone rozwiązanie
Wdrożyliśmy architekturę opartą o Astro 5 (SSG) z autorskim parserem shortcode'ów galerii w Markdown/TinaCMS oraz automatycznym przetwarzaniem obrazów przez silnik Sharp (formaty WebP i responsywne srcset). Formularz kontaktowy zintegrowaliśmy bezpośrednio z Chatwoot API z buforowaniem offline w localStorage, a warstwę wizualną oparliśmy na Custom Editorial CSS nawiązującym do papieru milimetrowego i modelarskiego warsztatu.
Rezultaty biznesowe
100/100 punktów w Google Lighthouse (Performance, Accessibility, Best Practices, SEO), czas LCP skrócony do 0.4 s, 0 KB JavaScriptu na stronach tekstowych oraz błyskawiczny proces dodawania relacji z konkursów jednym prostym znacznikiem.