Projektowanie stron w Next.js — co to zmienia w Twoim rachunku

Projektowanie stron w Next.js zmienia cztery pozycje w Twoim rachunku: hosting spada zwykle do 0 zł, strona ładuje się szybciej bez dodatkowych opłat za optymalizację, znika koszt aktualizowania wtyczek i znika ryzyko włamania przez cudzy dodatek. To wszystko. Reszta to zachwyty programistów, które Ciebie nie powinny obchodzić.

Poniżej rozpisuję każdą z tych czterech konsekwencji tak, żeby dało się je sprawdzić i policzyć. Na końcu wypisuję też uczciwie, czego Next.js nie załatwia — bo tego zwykle nikt nie mówi.

Co to jest Next.js, w jednym akapicie

Next.js to narzędzie do budowania stron i aplikacji internetowych, oparte na React — bibliotece stworzonej przez Facebooka i używanej dziś przez większość dużych serwisów. Pracuję na Next.js 16 i React 19, czyli aktualnych wydaniach. Kluczowa różnica wobec systemów typu WordPress polega na tym, kiedy powstaje Twoja podstrona: nie w chwili, gdy ktoś na nią wchodzi, tylko wcześniej, przy publikacji. Użytkownik dostaje gotowy plik, a nie wynik obliczeń wykonanych na poczekaniu.

Z tej jednej różnicy biorą się wszystkie pozostałe.

Hosting: skąd się bierze 0 zł

Skoro podstrony są gotowymi plikami, serwer nie musi niczego liczyć ani utrzymywać bazy danych. Wystarczy usługa, która oddaje pliki — a taka jest darmowa w podstawowym zakresie u kilku dostawców i wystarcza dla strony firmowej z ruchem, jaki ma lokalny usługodawca.

Co realnie płacisz po wdrożeniu:

• domena — 60–100 zł rocznie za adres z końcówką .pl, płacone bezpośrednio rejestratorowi, bez marży,
• hosting — zwykle 0 zł,
• opieka techniczna — od 49 zł miesięcznie, opcjonalna i wypowiadalna w każdej chwili.

Porównaj to z rachunkiem, w którym siedzi mocniejszy serwer pod bazę danych, licencja na motyw i dwie wtyczki w wersji pro. Różnica w skali pięciu lat jest zwykle trzycyfrowa albo czterocyfrowa.

Szybkość: liczba, którą sprawdzisz w minutę

Na mazcode.pl wynik w PageSpeed Insights to 100/100. Nie musisz mi wierzyć — wpisz adres w narzędzie Google i zobacz sam. Sprawdź też adres swojej obecnej strony, w zakładce dla urządzeń mobilnych, bo to ją widzi większość Twoich klientów.

Szybkość przekłada się na pieniądze dwiema drogami:

• Pozycje w Google. Trzy metryki Core Web Vitals są oficjalnym czynnikiem rankingowym. Progi to LCP poniżej 2,5 sekundy, INP poniżej 200 milisekund i CLS poniżej 0,1 — co znaczy każda z nich, rozpisałem we wpisie o Core Web Vitals.
• Cierpliwość użytkownika. Strona, która ładuje się pięć sekund, traci część wchodzących, zanim zobaczą, co sprzedajesz. To dotyczy zwłaszcza ruchu z telefonów na słabym zasięgu — czyli klienta, który szuka Cię w drodze.

Ważne: szybkość nie jest tu efektem dodatkowej płatnej optymalizacji. Wynika z tego, że nie ma czego optymalizować, bo nie ma nadmiarowego kodu.

Bezpieczeństwo: czego nie ma, tego nie zaatakujesz

Strona statyczna nie ma panelu logowania pod adresem, który zna każdy bot skanujący internet. Nie ma bazy danych, w którą można wstrzyknąć zapytanie. Nie ma dwudziestu wtyczek od różnych autorów, z których jedna może mieć lukę.

Nie znaczy to, że jest nietykalna — nadal trzeba pilnować domeny, skrzynki pocztowej i dostępu do repozytorium kodu. Znaczy to, że znika najczęstsza droga przejęcia strony firmowej, czyli nieaktualizowany dodatek. Mechanizm tego, jak wtyczki obciążają stronę, opisałem osobno we wpisie dlaczego WordPress zwalnia.

Utrzymanie: co znika z Twojej listy zadań

Na typowej stronie z wtyczkami cykl wygląda tak: powiadomienie o aktualizacji, aktualizacja, sprawdzenie czy nic się nie rozjechało, czasem cofanie zmian. Raz na kilka tygodni, przez cały czas życia strony.

Przy stronie pisanej w Next.js tej listy nie ma. Aktualizacje samego frameworka robię ja przy okazji zmian, a ich brak niczego nie psuje — gotowe pliki działają dalej. Opieka techniczna jest dodatkiem, nie warunkiem działania strony. Jeśli z niej zrezygnujesz, strona nadal stoi.

Dla porządku: zmiany treści ktoś musi wprowadzić. W pakiecie Standard za 1 990 zł dostajesz headless CMS — panel oddzielony od strony, w którym robisz to sam, ze szkoleniem w cenie.

Czego Next.js nie załatwia

Ta sekcja jest po to, żebyś nie kupił złudzeń.

• Nie przyprowadzi klientów sam z siebie. Szybka strona bez treści mówiącej, co sprzedajesz i za ile, jest szybkim niczym.
• Nie zastąpi Profilu Firmy w Google. Dla lokalnego usługodawcy wizytówka w mapach bywa ważniejsza niż sama strona.
• Nie robi ze złego projektu dobrego. Układ i czytelność to praca projektowa, nie technologia.
• Nie jest darmowy w pierwszym roku. Płacisz więcej na wejściu niż za gotowy motyw. Zwrot przychodzi z utrzymania i pozycji, nie od razu.
• Nie ma sensu przy sklepie z setkami produktów i gotowymi integracjami z kurierami — tam przepisanie logiki kosztuje więcej, niż jest warte.

Najczęstsze pytania

Czy strona w Next.js jest droższa?

Na wejściu tak, bo powstaje pod Ciebie, a nie z gotowego motywu. Mini to 690 zł, Standard 1 990 zł, Pro 4 490 zł — netto, stała cena z umowy, z terminami 3–5 dni, 7–10 dni i 2–3 tygodnie. W kolejnych latach jest zwykle taniej, bo znika abonament i licencje.

Czy będę mógł sam zmieniać teksty?

Tak, jeśli wybierzesz pakiet z panelem. W Standardzie i Pro jest headless CMS wraz ze szkoleniem. W Mini zmiany wprowadzam ja — przy jednej podstronie to zwykle rozsądniejsze.

Czy kod należy do mnie?

Tak. Po odbiorze kod i projekt graficzny przechodzą na Twoją własność. Możesz przekazać je innemu wykonawcy w dowolnym momencie.

Czy znajdę kogoś, kto to później utrzyma?

Next.js i React to jedne z najpopularniejszych narzędzi w branży, więc programistów jest dużo — choć mniej niż osób znających WordPressa. Kod dostajesz z dokumentacją i testami automatycznymi, co skraca innemu wykonawcy wdrożenie się w projekt.

Co z tym zrobić

Nie kupuj technologii. Kup cztery konkretne konsekwencje: niższe utrzymanie, szybszą stronę, mniej rzeczy do pilnowania i kod, który należy do Ciebie. Sprawdź je liczbami — wynik w PageSpeed swojej obecnej strony i roczny rachunek za jej utrzymanie policzysz w kwadrans.

Jeśli wyjdzie, że zmiana ma sens, opisz mi projekt w kilku zdaniach. Wycenę z terminem dostaniesz w 24 godziny, bez zobowiązań. Szczegóły stacku są w dziale technologia, a ceny wszystkich pakietów w cenniku.