← Wróć do bloga2026-06-10

Modernizacja frontendu z użyciem Angular SSR

Angular SSR: Klucz do optymalizacji webowej

Server-Side Rendering (SSR) pozwala na renderowanie stron Angulara po stronie serwera przed wysłaniem ich do przeglądarki użytkownika. Dzięki temu roboty wyszukiwarek (takie jak Googlebot) otrzymują w pełni wyrenderowany kod HTML, co drastycznie poprawia SEO.

Korzyści płynące z SSR:

  • Lepszy First Contentful Paint (FCP): Użytkownicy widzą treść natychmiast, bez czekania na załadowanie całego bundle'a JS.
  • Wydajne SEO: Bezproblemowe indeksowanie dynamicznych treści przez wszystkie roboty internetowe.
  • Social Media Previews: Prawidłowe generowanie tagów Open Graph przy udostępnianiu linków.

Jak uruchomić Angular SSR w Dockerze?

Do uruchomienia wersji produkcyjnej używamy wieloetapowych obrazów Docker (multi-stage builds), które najpierw kompilują aplikację, a w drugim etapie uruchamiają serwer Node.js obsługujący plik server.mjs na określonym porcie. Pozwala to na zachowanie minimalnego rozmiaru ostatecznego kontenera.