Wizytówka Kawiarni "Aromat"

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.

Główne wyzwania i rozwiązania

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.