Next.js czy WordPress - co wybrać na stronę firmową?

To pytanie pada w pierwszej albo drugiej rozmowie o nowej stronie i zwykle jest zadane tak, jakby chodziło o wybór między dwoma modelami tego samego samochodu. W rzeczywistości WordPress i Next.js są odpowiedziami na różne pytania - i dopiero to, które z nich zadaje Twoja firma, przesądza o wyborze.

Poniżej rozkładamy to na czynniki, które da się policzyć albo sprawdzić: co faktycznie płacisz przez trzy lata, ile trwa wdrożenie, jak wygląda edycja treści dla osoby nietechnicznej, co się dzieje, gdy nikt nie zagląda do strony przez pół roku, i gdzie każde z rozwiązań zawodzi. Bez deklaracji w stylu „nowoczesny stack" - z konkretami, które można przełożyć na decyzję.

Wybór technologii strony firmowej rzadko jest decyzją techniczną. Prawie zawsze sprowadza się do tego, kto będzie tę stronę zmieniał przez następne trzy lata i jak często.

Nie porównujemy tego samego

WordPress to gotowy system zarządzania treścią. Instalujesz go, dostajesz panel administracyjny, edytor, obsługę mediów, konta użytkowników, formularze, blog - i ekosystem kilkudziesięciu tysięcy wtyczek, którymi dokładasz resztę. Napędza mniej więcej cztery na dziesięć stron w internecie, a sklepowa wtyczka WooCommerce jest jednym z najpopularniejszych sposobów sprzedaży online w Polsce.

Next.js to framework do budowania aplikacji webowych. Nie ma panelu, nie ma edytora, nie ma wtyczek. Ma za to pełną kontrolę nad każdym elementem strony, renderowanie po stronie serwera, generowanie stron statycznych i wydajność, która przy dobrym wykonaniu jest po prostu w innej lidze. Wszystko, co w WordPressie instalujesz jednym kliknięciem, tutaj albo się buduje, albo podpina jako osobną usługę.

Z tego zestawienia wynika pierwszy wniosek: WordPress wygrywa na starcie, Next.js wygrywa w utrzymaniu i wydajności. Reszta artykułu to odpowiedź na pytanie, który z tych dwóch momentów jest dla Twojej firmy ważniejszy.

Koszt: co realnie płacisz przez trzy lata

Porównywanie samej ceny wdrożenia jest mylące, bo obie technologie rozkładają koszty inaczej w czasie. Poniżej rzędy wielkości dla typowej strony firmowej - kilkanaście podstron, formularz kontaktowy, blog, dwie wersje językowe opcjonalnie.

W pierwszym roku WordPress jest niemal zawsze tańszy. W trzecim różnica potrafi się zamknąć albo odwrócić - głównie przez licencje, comiesięczną obsługę i te dwa wieczory w roku, w które strona przestaje działać po aktualizacji wtyczki. To nie jest argument przeciwko WordPressowi, tylko przeciwko liczeniu wyłącznie ceny startowej.

Szybkość, czyli jedyny element, który widzi klient

Szybkość strony nie jest kwestią prestiżu. Jest kwestią tego, ilu odwiedzających zostaje wystarczająco długo, żeby zobaczyć ofertę. Różnica między ładowaniem w sekundę a w cztery sekundy to na telefonie realna różnica w liczbie zapytań - i jednocześnie jeden z czynników, które Google bierze pod uwagę w rankingu.

Next.js ma tutaj przewagę strukturalną, nie kosmetyczną. Strony da się wygenerować jako statyczny HTML w trakcie budowania i serwować z sieci CDN - przeglądarka dostaje gotowy dokument, bez odpytywania bazy danych. WordPress przy każdym wejściu składa stronę z bazy i wykonuje kod PHP motywu oraz wszystkich aktywnych wtyczek.

• WordPress da się przyspieszyć - dobre cache, lekki motyw, mało wtyczek, obrazki w formacie WebP i hosting z dyskiem SSD potrafią dać wynik w okolicach dziewięćdziesięciu punktów PageSpeed.
• Next.js trzeba zepsuć, żeby był wolny - domyślnie dostajesz statyczne strony, automatyczną optymalizację obrazów i dzielenie kodu na paczki ładowane tylko tam, gdzie są potrzebne.
• Najczęstsza przyczyna wolnej strony to nie technologia, tylko treść - trzymegabajtowe zdjęcia w tle, cztery kroje pisma i film z YouTube ładowany na starcie zabiją każdą stronę, niezależnie od tego, w czym ją zbudowano.

Kto będzie edytował treść

To jest pytanie, które w praktyce rozstrzyga większość wyborów - i jednocześnie to, które najczęściej pada dopiero po wdrożeniu. Warto odpowiedzieć na nie wcześniej, bo konsekwencje są codzienne.

W WordPressie osoba nietechniczna loguje się do panelu i zmienia, co chce: tekst, zdjęcie, cennik, wpis na blogu, nową podstronę. Nie musi nikogo prosić, nie musi czekać. To jest największa, najbardziej niedoceniana zaleta tego systemu i powód, dla którego nadal napędza pół internetu.

W Next.js domyślnie treść siedzi w kodzie. Zmiana ceny albo poprawka literówki oznacza wtedy zmianę w repozytorium i publikację - czyli telefon do wykonawcy. Rozwiązaniem jest dołożenie osobnego CMS-a (headless), o czym niżej, ale to świadoma decyzja i dodatkowy element układanki, a nie coś, co dostajesz w pakiecie.

Bezpieczeństwo i utrzymanie

Popularność WordPressa jest też jego największym obciążeniem: skoro napędza cztery na dziesięć stron, to automaty skanujące internet w poszukiwaniu dziur celują właśnie w niego. Istotne jest jednak, gdzie te dziury faktycznie są - zdecydowana większość udanych włamań nie wykorzystuje luki w samym WordPressie, tylko w nieaktualnej wtyczce albo słabym haśle administratora.

1. 1Każda wtyczka to kod, którego nie pisałeś i którego nie czytasz. Dwadzieścia wtyczek to dwadzieścia niezależnych źródeł aktualizacji i dwadzieścia szans na to, że autor porzuci projekt.
2. 2Aktualizacje trzeba robić, ale nie na żywym organizmie. Rozsądny proces to kopia zapasowa, aktualizacja na kopii testowej, sprawdzenie kluczowych podstron, dopiero potem produkcja. To kwadrans miesięcznie, którego prawie nikt nie poświęca.
3. 3Logowanie to najsłabsze ogniwo. Dwuskładnikowe uwierzytelnianie, ograniczenie prób logowania i brak konta o nazwie admin załatwiają większość realnych zagrożeń.
4. 4Strona statyczna ma mniejszą powierzchnię ataku. Tam, gdzie nie ma bazy danych, panelu logowania i kodu wykonywanego przy każdym żądaniu, nie ma też najpopularniejszych wektorów ataku. To najmocniejszy argument bezpieczeństwa po stronie Next.js.

Uczciwie: strona w Next.js też wymaga opieki. Zależności mają swoje aktualizacje, a podpięty CMS czy formularz to zewnętrzne usługi, które też bywają źródłem problemów. Różnica jest w częstotliwości i w tym, że aktualizacja zależności nie psuje wyglądu strony w piątek o osiemnastej.

SEO: remis, który rozstrzyga wykonanie

Google nie ma preferencji technologicznych. Indeksuje HTML i ocenia to, co w nim znajdzie: sensowną strukturę nagłówków, tytuły i opisy, dane strukturalne, mapę strony, szybkość ładowania i stabilność układu. Obie technologie potrafią to dostarczyć w komplecie.

• W WordPressie wtyczka SEO daje gotowe pola na tytuł i opis, podpowiedzi i automatyczną mapę strony. Wygodne, ale ostateczny wynik i tak zależy od jakości motywu i szybkości strony.
• W Next.js metadane, mapa strony i dane strukturalne to kilka funkcji w kodzie - trzeba je świadomie napisać, za to działają dokładnie tak, jak chcesz, i nie ma nadmiarowych znaczników doklejanych przez wtyczkę.
• Rzecz, która naprawdę robi różnicę w wynikach wyszukiwania, leży poza tym wyborem: regularne, konkretne treści odpowiadające na pytania klientów. Strona bez treści nie wypozycjonuje się w żadnej technologii.

Kiedy WordPress jest lepszym wyborem

• Treść zmienia się często i ma to robić osoba nietechniczna, bez pośredników.
• Potrzebujesz sklepu średniej wielkości i liczy się szybki start - WooCommerce daje płatności, dostawy, faktury i integracje od ręki.
• Budżet na wdrożenie jest ograniczony, a strona ma być standardowa: oferta, o nas, kontakt, blog.
• Potrzebujesz funkcji, która w ekosystemie istnieje od lat - rezerwacji terminów, kursów online, katalogu ogłoszeń, forum.
• Chcesz mieć łatwość zmiany wykonawcy: specjalistów od WordPressa jest w Polsce wielokrotnie więcej.

Kiedy lepszy jest Next.js

• Strona ma być wizytówką jakości firmy - nietypowy projekt graficzny, animacje, dopracowane detale, które w gotowym motywie zawsze są kompromisem.
• Szybkość jest realnym argumentem sprzedażowym albo masz dużo ruchu z telefonów.
• Strona ma robić coś więcej niż prezentować treść: kalkulator, konfigurator, panel klienta, integracja z Twoim systemem albo asystent AI podpięty pod dane firmy.
• Chcesz spokoju w utrzymaniu - żadnych cotygodniowych aktualizacji i żadnego ryzyka, że wtyczka położy stronę.
• Planujesz rozwój na lata i wolisz zapłacić więcej raz, niż płacić w ratach za licencje i obsługę.

Trzecia droga: Next.js z headless CMS

To wariant, który w praktyce wybiera coraz więcej firm, bo znosi główną wadę Next.js, czyli brak panelu. Treść mieszka w osobnym systemie z wygodnym edytorem, a strona pobiera ją stamtąd i nadal serwuje jako szybki, statyczny HTML.

1. 01

   Treść w panelu

   Redaktor loguje się do systemu treści - może to być Sanity, Strapi, Contentful albo nawet sam WordPress używany wyłącznie jako zaplecze - i edytuje teksty w interfejsie zbliżonym do tego, co zna.

2. 02

   Strona pobiera dane przy budowaniu

   Po zapisaniu zmian Next.js przebudowuje odpowiednie podstrony. Odwiedzający dostaje gotowy plik z serwera brzegowego, bez odpytywania bazy przy każdym wejściu.

3. 03

   Publikacja bez udziału programisty

   Od kliknięcia „opublikuj" do zmiany widocznej na stronie mija zwykle kilkadziesiąt sekund. Nikt nie dotyka kodu, a strona zachowuje wydajność wersji statycznej.

Koszt tego wariantu to wyższe wdrożenie i jeden dodatkowy abonament - darmowe plany popularnych systemów treści wystarczają małej firmie, płatne zaczynają się zwykle od kilkudziesięciu złotych miesięcznie. W zamian dostajesz panel dla zespołu i wydajność strony statycznej naraz.

Decyzja w pięciu pytaniach

Jeśli chcesz skrócić rozważania, wystarczy odpowiedzieć szczerze na pięć pytań. Trzy odpowiedzi w jedną stronę zwykle rozstrzygają sprawę.

1. 1Kto zmieni cenę na stronie w przyszły wtorek? Ktoś z Twojego zespołu - potrzebujesz panelu. Wykonawca - nie potrzebujesz.
2. 2Czy strona ma sprzedawać bezpośrednio? Sklep z setkami produktów i pełną obsługą zamówień to naturalny teren WooCommerce.
3. 3Czy strona ma robić coś nietypowego? Kalkulator wyceny, konfigurator, integracja z systemem magazynowym, asystent AI znający ofertę - tutaj kod wygrywa z wtyczką.
4. 4Ile możesz wydać w roku pierwszym, a ile przez trzy lata? Jeśli liczy się tylko start, wybór jest oczywisty. Jeśli patrzysz na trzy lata, policz licencje i obsługę.
5. 5Ile znaczy dla Ciebie wygląd i szybkość? Jeśli strona jest głównym argumentem sprzedażowym firmy, kompromis motywu będzie Cię uwierał codziennie.

W naszej praktyce podział wygląda z grubsza tak: firmy usługowe, które publikują regularnie i chcą sobie radzić same, są zadowolone z dobrze zrobionego WordPressa. Firmy, dla których strona jest narzędziem sprzedaży albo ma zawierać własną funkcjonalność, wychodzą lepiej na Next.js - najczęściej z podpiętym systemem treści. Sklepy to osobna rozmowa, w której start w WooCommerce jest zwykle rozsądniejszy niż budowanie koszyka od zera.