FDS Polska

Kontekst

FDS Polska to firma z branży tekstylnej. Właściciel miał konkretne wymagania co do strony – nie chciał kolejnego WordPressa. Nie był to wybór ideologiczny, tylko praktyczny: pełna kontrola nad tym, co i kiedy ładuje się w przeglądarce, bez nadmiaru wtyczek.

Zdecydowaliśmy się na RemixJS. To framework Reactowy, ale z naciskiem na serwer – daje SSR i streaming HTML od razu. Klient nie potrzebował panelu administracyjnego, strona miała być rzadko zmieniana, za to szybka i stabilna.

Po pierwszym załadowaniu całość działa płynnie jak SPA – przejścia między podstronami są natychmiastowe, bez migania białego ekranu.

Co zrobiłem

Postawiłem architekturę na RemixJS z TailwindCSS do warstwy wizualnej. Remix ogarnia routing po stronie serwera, a Tailwind eliminuje problem puchnących arkuszy CSS – w buildzie ląduje tylko to, czego faktycznie użyłem.

Kluczowe decyzje:

• Streaming SSR – strona wysyła pierwszy HTML zanim skończy się pełny render na serwerze. Dla użytkownika oznacza to, że widzi treść wcześniej, nawet jeśli któryś z komponentów jeszcze się doczytuje.
• Zero zbędnego JS – Remix pozwala na loader i action po stronie serwera, więc interakcje, które normalnie wymagałyby kodu w przeglądarce, dzieją się na backendzie.
• Mobile-first layout – wszystkie breakpointy i siatki budowane od najmniejszego ekranu w górę, nie odwrotnie.

Styling w TailwindCSS pozwolił utrzymać spójność wizualną bez pisania setek linii niestandardowego CSS. Wszystko zamknięte w klasach utility – przewidywalne i łatwe do utrzymania nawet przy rzadkich aktualizacjach.

Efekt

Klient dostał stronę dokładnie taką, jakiej oczekiwał – bez WordPressa, bez zbędnych wtyczek, bez comiesięcznych aktualizacji. Po pierwszym załadowaniu działa szybko i przewidywalnie, bez zbędnego kombinowania.