Nowoczesna, zoptymalizowana strona typu "landing page" dla lokalnej kawiarni, skupiona na szybkości ładowania i lokalnym SEO.
Wyzwanie
Lokalna kawiarnia była niewidoczna w wyszukiwarce. Brak responsywnej strony z aktualnym menu utrudniał dotarcie do nowych klientów.
Rozwiązanie
Ultraszybka strona typu "Wizytówka" oparta na Astro. Minimalistyczny design eksponujący ofertę, zintegrowany z prostym CMS do codziennej aktualizacji menu.
Wynik (95+/100 Lighthouse)
Pierwsza pozycja w lokalnych wynikach wyszukiwania, wzrost ruchu w lokalu oraz błyskawiczny czas ładowania strony (Lighthouse 95+).
Cel Projektu
Głównym celem było stworzenie nowoczesnej, błyskawicznie działającej wizytówki (landing page) dla lokalnej kawiarni "Aromat". Strona miała nie tylko przyciągać wzrok estetycznym designem, ale przede wszystkim skutecznie pozycjonować się w lokalnych wynikach wyszukiwania (Lokalne SEO) i zachęcać potencjalnych klientów do odwiedzin.
Kluczowe technologie
Next.js & React
Wykorzystane do budowy interfejsu zoptymalizowanego pod kątem wydajności i SEO.
TypeScript
Zapewnił bezpieczeństwo typów i ułatwił utrzymanie kodu.
Tailwind CSS
Umożliwił szybkie i spójne stylowanie komponentów.
Vercel
Platforma do wdrożenia i hostingu, zapewniająca globalną sieć CDN.
SSG (Static Site Generation)
Strona została wygenerowana statycznie, co gwarantuje minimalny czas ładowania (TTFB) i doskonałe wyniki w testach wydajności.
Wyzwania
Największym wyzwaniem była optymalizacja wydajności, aby strona ładowała się w czasie poniżej 1 sekundy, nawet na wolniejszych połączeniach mobilnych. Osiągnięto to poprzez:
Agresywną optymalizację obrazów
Użycie formatów nowej generacji (takich jak WebP) oraz techniki leniwego ładowania (lazy loading).
Minimalizację JavaScript
Dzięki statycznemu generowaniu stron, ilość kodu JavaScript wykonywanego po stronie klienta została zredukowana do absolutnego minimum.
Krytyczny CSS
Wdrożenie techniki inline'owania krytycznego CSS, aby najważniejsze style potrzebne do wyrenderowania pierwszego widoku ładowały się natychmiast, bez blokowania renderowania.
Rezultaty
Osiągnięcie wyników
Google PageSpeed Insights powyżej 95/100
zarówno dla urządzeń mobilnych, jak i desktopowych.
Znacząca poprawa widoczności kawiarni w lokalnych wynikach wyszukiwania.
Stworzenie atrakcyjnej wizualnie i intuicyjnej w obsłudze wizytówki, która realnie wspiera biznes klienta.
Stack Technologiczny
