Filar usług

Programista Next.js

Senior B2B, jurysdykcja UE, zakres ustalany per projekt.

Wycena indywidualna. Odpowiadam w ciągu jednego dnia roboczego.

Rozpocznij współpracę Headless WordPress →

Co dostarczam

Next.js 15 z App Router i React 19 Server Components jako warstwa frontendu. WordPress 6.7+ jako redakcyjny backend, komunikujący się przez REST lub GraphQL. Cloudflare Workers i Pages jako środowisko uruchomieniowe i cache na edge. TypeScript przez cały stos. Tailwind CSS jako system designu. Anthropic Claude i Model Context Protocol, gdy funkcje AI realnie zarabiają na siebie.

Kiedy Next.js jest właściwym wyborem

Strony spersonalizowane, ścieżki sesyjne, doświadczenia z testami A/B, transakcyjny checkout, dashboardy w czasie rzeczywistym i uwierzytelnione przestrzenie pracy zyskują na modelu streaming SSR + RSC. Model myślowy brzmi: "renderuj blisko danych, streamuj to, co gotowe, hydruj to, co interaktywne". Dla stron, które tu pasują, Next.js daje UX nieosiągalny dla klasycznego SSR czy statyki.

Dla stron, które nie pasują, mówię to wprost. Serwisy treściowe, blogi i dokumentacja zwykle wygrywają na Astro ze statyką + ISR przy niższym koszcie. Decyzja o frameworku jest częścią scopingu, a nie ustawieniem domyślnym.

Dla kogo to jest

  • Sklepy WooCommerce z customowym checkoutem lub cenami per użytkownik
  • Dashboardy SaaS i uwierzytelnione przestrzenie pracy z WordPressem jako warstwą treści
  • Marki wieloregionalne potrzebujące ISR z inwalidacją przez webhooki
  • Wydawnictwa redakcyjne z kanałami danych live, komentarzami lub powierzchniami analityki w czasie rzeczywistym

Model współpracy

Seniorskie kontrakty B2B w jurysdykcji UE. Discovery, scoping, współpracę o stałym zakresie lub w trybie time-and-materials. Wycena indywidualna.

Read path na edge, write path na origin. Cache unieważniany przez webhook po tagach. Czytelnik / agent sends a request to Cloudflare Workers (edge). On cache hit the Cache na edge (per-tag) returns HTML with almost no CPU. On cache miss Workers calls REST API /wp-json/ on the Origin WordPress and renders. Editorial work happens in Block Editor + WP Admin on the origin and triggers a Webhook na publikację that invalidates relevant cache tags. Czytelnik / agent Cloudflare Workers (edge) Cache na edge (per-tag) trafienie w cache (prawie zero CPU) miss → render na edge Origin WordPress Block Editor + WP Admin REST API /wp-json/ Publikacja / zmiana slug / stan stocku Read Read Webhook na publikację Write
Read path na edge, write path na origin. Cache unieważniany przez webhook po tagach.
React Server Components nie są funkcją Reacta; to inny model programowania, który wreszcie pozwala renderować blisko danych.
Andrew Clark , Zespół React core , React Conf 2025 , 2025-05-15 , source

Najczęściej zadawane pytania

Kiedy Next.js wygrywa z Astro przy headless WordPress?

Gdy strona jest spersonalizowana, oparta na sesji lub transakcyjna. Panele uwierzytelnione, ścieżki checkout, strony z testami A/B, kanały danych w czasie rzeczywistym i live commerce wszystkie grają na mocnych stronach Next.js. Astro wygrywa na serwisach treściowych, gdy wystarczy statyczne + ISR. Wybór frameworku jest decyzją per projekt, nie domyślem.

Jaka jest rola React Server Components w produkcji?

RSC pozwala renderować React po stronie serwera i streamować HTML do klienta bez przesyłania kodu komponentu. Zyskujesz mniejsze paczki JS, szybszy TTI na wolnych sieciach i czystszy wzorzec pobierania danych. Kosztem jest inny model myślowy niż klasyczny React; znajomość RSC w seniorskim zespole znaczy więcej niż numer wersji frameworku.

Czy Next.js działa na Cloudflare Workers?

Tak. Adapter OpenNext kompiluje build Next.js do formatu zgodnego z Workers, a natywna integracja Cloudflare z Next.js Workers obejmuje większość przypadków produkcyjnych. Edge functions i middleware portuje się z Vercel Edge Runtime. Benchmarkuję pod konkretny projekt; nie każda funkcja Next.js zachowuje się identycznie między środowiskami uruchomieniowymi.

Czy Next.js kosztuje więcej w hostingu niż Astro?

Często tak. Statyczne strony Astro serwuje się z cache na edge przy niemal zerowym koszcie CPU. Strony Next.js w SSR płacą pełny koszt renderu na żądanie, a nawet ISR płaci koszt rewalidacji. Przy serwisach treściowych z wysokim ruchem różnica jest realna. Przy commerce i ścieżkach personalizowanych różnica rzadko jest decydująca.

Jak obsługujecie SEO w Next.js?

Metadata per trasa przez metadata API w App Router, dane strukturalne przez inline JSON-LD lub komponenty schema, sitemap i robots przez generateSitemaps i route handlery, hreflang przez pole metadata.alternates. Do każdego projektu Next.js wnoszę 30-punktową checklistę SEO.

Dowód przez dyscyplinę migracji

Next.js ma sens, gdy trasa naprawdę potrzebuje sesji, personalizacji albo streamingu. Warstwa dowodowa pokazuje, jak zachowuję URL-e, schema, preview redakcyjne i rollback przy zmianie frontendu.

Lektury w klastrze

Architektura i decyzja

Migracja i terminy

Zgodność i ryzyko

Materiały referencyjne

Rozpocznij współpracę przy Next.js

Opisz zakres i termin. Odpowiadam w ciągu jednego dnia roboczego.

Skontaktuj się