Next.js / SSR: rynek

Oferta

otwarta oferta, która przeszła kontrolę jakości i wymienia co najmniej dwie technologie

Obserwowany kandydat

kandydat, którego stack zawiera tę technologię; agregat — żaden pojedynczy rekord nie opuszcza perymetru

Kandydat do dopasowania

jeszcze nie liczone

Okno

oferty otwarte w chwili tworzenia snapshotu

Junior Next.js — w praktyce Junior React + podstawy Next, bardziej dostępny niż czysty React Senior. Skok Junior → Middle — zmiana myślenia na App Router + Server Components + jeden wzorzec pobierania danych. Senior odpowiada za architekturę usługi Next (możliwości full-stack przez trasy API). Ścieżka kariery: Junior React/Next → Middle Next → Senior Next → albo Full-stack Engineer (architektura Next + baza danych), Frontend Lead, albo Vercel Edge Specialist.

5 najważniejszych: next.js, react, typescript, javascript, git. Next.js 14+ lub 15 — obowiązkowo (App Router + Server Components + Server Actions + streaming z Suspense + route handlers + dynamiczne obrazy OG + middleware + edge runtime). Pages Router (legacy) wciąż w istniejących bazach kodu. React 18+ — obowiązkowo ze zrozumieniem RSC (Server Components) — to zmienia model mentalny. TypeScript — obowiązkowo. Tailwind CSS — dominuje w stylowaniu w ekosystemie Next. shadcn/ui + Radix UI — standard UI-kitów 2024–2026 (rośnie szybciej niż Material UI). Prisma — ORM dla full-stack Next (App Router + Server Actions + Prisma = modny stack). Auth.js (dawniej NextAuth) do uwierzytelniania. tRPC — type-safe alternatywa API dla REST/GraphQL (rosnący trend w full-stack Next). React Query/SWR do pobierania danych po stronie klienta. Vercel — standardowa platforma hostingowa (Vercel Edge + Vercel Functions). Testy: Vitest + Playwright.

Next.js — dominujący meta-framework Reacta w 2026. App Router + Server Components — nowoczesny paradygmat. Największy rynek ofert Next. Używany przez wdrażających na Vercelu, e-commerce, serwisy z treściami, produktowe SaaS. Premia Senior +10-15% ponad React. Remix (przejęty przez Shopify w 2022) — nacisk na ładowanie danych + progressive enhancement + zagnieżdżony routing. Mniej ofert niż Next, ale Senior Remix jest ceniony w ekosystemie Shopify. Rosnący trend niszowy. Astro — meta-framework nastawiony na treści (statyka + architektura wysp dla komponentów interaktywnych). Używa komponentów Vue/React/Svelte w mieszance. Pasuje do blogów, dokumentacji, stron marketingowych. Senior Astro — umiejętność niszowa. Strategia: najpierw Next.js (konieczność rynkowa), Remix dla kariery w Shopify, Astro tylko w segmencie treści.

App Router (Next.js 13+, stabilny od 14) — nowoczesny paradygmat. Domyślnie Server Components, layouty, route groups, parallel routes, Server Actions. Rosnący standard 2024–2026. Junior powinien uczyć się WYŁĄCZNIE App Routera. Pages Router (legacy z Next.js 12 i wcześniejszych) — Server-Side Rendering przez getServerSideProps/getStaticProps, klasyczny React (tylko po stronie klienta). Istniejące bazy kodu wciąż na nim działają, trzeba go znać do utrzymania. NIGDY nie zaczynaj nowego projektu na Pages Routerze. Strategia kariery: od razu ucz się App Routera. Pages Router — tylko gdy trafisz do projektu legacy.

Tak, 46% ofert Next.js to praca w pełni zdalna lub hybrydowa. Next.js to jeden z najbardziej przyjaznych pracy zdalnej segmentów IT (dzięki filozofii Vercel). Startupy i firmy wdrażające na Vercel — prawie zawsze zdalnie. Rosyjskie firmy produktowe — hybrydowo lub zdalnie po okresie próbnym. Huby relokantów: Dubaj, Cypr, Lizbona, Tbilisi, Bali.

Next.js — meta-framework nad Reactem z SSR/SSG/ISR/Edge runtime, routingiem opartym na plikach, optymalizacją obrazów, dynamicznymi obrazami OG. App Router (nowoczesny) używa Server Components. Czysty React (bez meta-frameworka) — tylko po stronie klienta (CSR), do paneli administracyjnych, dashboardów, osadzanych widgetów. Junior może zacząć od czystego Reacta + Vite. Remix — meta-framework skupiony na ładowaniu danych + progressive enhancement. Podobny do Next.js, ale centralną abstrakcją jest zagnieżdżony routing. Shopify przejął Remix w 2022, rosnący podsegment obok Next. Ścieżka rozwoju: rdzeń Reacta → Next.js App Router → biegłość w Server Components. Nie trzeba uczyć się Remixa jako pierwszego meta-frameworka — tylko jeśli pracujesz w ekosystemie Shopify.

Roadmapa: 1) HTML5 + CSS3 + Flexbox + Grid. 2) JavaScript ES6+ — async/await, moduły. 3) TypeScript — typy, generyki. 4) React 18+ — oficjalny tutorial react.dev. Opanuj hooki (useState/useEffect/useMemo/useCallback/useReducer + własne). Rozumienie Server Components vs Client Components. 5) Next.js 14+ (App Router) — oficjalny kurs nextjs.org/learn (najlepsze źródło). Opanuj routing, layouty, Server Components, Server Actions, route handlers, middleware. 6) Tailwind CSS — podejście utility-first. 7) shadcn/ui + Radix UI do design systemu. 8) Prisma do fullstackowego projektu własnego w Next (PostgreSQL + Prisma + Server Actions). 9) Auth.js do uwierzytelniania. 10) Vitest + Playwright do testów. 11) Projekt własny: fullstackowa aplikacja Next.js (SPA e-commerce lub dashboard) z uwierzytelnianiem + Prisma + PostgreSQL + Tailwind + shadcn/ui + testami, wdrożona na Vercel. Kursy: Karpov.Courses, OTUS, Yandex.Practicum, Theo Browne YouTube (EN — najlepszy nauczyciel nowoczesnego Next.js), Lee Robinson (VP w Vercel). Czas do Junior — 6-12 miesięcy w pełnym wymiarze (zakłada się znajomość Reacta).

56 active open Next.js positions in the Zorky sample (on the MIN_POOL=20 threshold — a small but growing segment). Geography: Poland, India, Russia. Sources: hh.ru, Habr Career, getmatch, Djinni, LinkedIn (huge international Next.js segment — Vercel/Cal.com/etc), Telegram, Vercel Jobs Board, Y Combinator job board (large Next.js segment), WeWorkRemotely (premium Next.js remote). The real market is broader than the sample thanks to huge international remote (Vercel partners). Time to close a Senior Next.js role — 3-5 weeks.

Senior Next.js odpowiada za pełny cykl nowoczesnego developmentu w React + SSR/SEO + platformę Vercel. Biegłość w Next.js: dogłębnie App Router (layouty, route groups, parallel routes, intercepting routes), granice między Server Components a Client Components, Server Actions + revalidatePath/revalidateTag, streaming z Suspense + loading.tsx, ograniczenia Edge Runtime. React 18+: useTransition + useDeferredValue, Suspense do pobierania danych, error boundaries, wzorce React Server Components. TypeScript: tryb strict, generyki dla type-safe Server Actions. Wydajność: Lighthouse 90+, optymalizacja Core Web Vitals (LCP/FID/CLS), optymalizacja obrazów przez next/image, optymalizacja fontów przez next/font, analiza bundle'a. Architektura: architektura full-stack w Next (Server Actions + Prisma + uwierzytelnianie), monorepo z Turborepo. Platforma Vercel: strategie wdrożeń (preview/production), edge functions, Vercel KV/Postgres/Blob storage, analityka. Testy: pokrycie 70%+, Vitest + Playwright + MSW. Kompetencje miękkie: code review, mentoring, komunikacja z backendem (albo zastępowanie backendu przez full-stack w Next.js). Angielski dla Senior+ obowiązkowo — do międzynarodowej pracy zdalnej w Vercel/Y Combinator z premią +30-50%.