Next.js 16 egy KKV-projekten: mit nyer a megrendelő az App Routerrel

Egy magyar KKV nem azért választ Next.js-t, mert React framework. Hanem mert három mérhető üzleti előnyt ad: gyors oldal (jobb konverzió), kisebb infra-számla (kevesebb szerver), erős SEO (több organikus látogató). A Next.js 16 mindhárom területen tovább erősített.

App Router és React Server Components

Az App Router (RSC, React Server Components) a Next.js 13 óta a default. A Next.js 16-ra már stabil, és a legtöbb KKV-projektünk teljesen erre épül. A lényeg: az oldal nagy része szerveren renderelődik, csak a tényleg interaktív részekre küldünk JavaScriptet.

• Kisebb JavaScript bundle — gyorsabb mobil betöltés
• Server-side data fetch — nincs külön API call kliens oldalról
• Streaming és Suspense — az oldal részenként jelenik meg
• SEO-natív — minden tartalom a HTML-ben van első byte-tól

Server Actions: űrlap-feldolgozás API endpoint nélkül

A Server Actions az egyik legpraktikusabb újdonság. Egy ajánlatkérő űrlapot nem kell külön /api/contact endpointtal körülbástyázni — egy szerveren futó function direkt meghívható a kliens form submitjéből, type-safe módon.

async function submitContact(formData: FormData) {
  'use server';
  const email = formData.get('email');
  await sendToResend(email);
}

Edge runtime és Cloudflare integráció

A Next.js 16 egyre jobban illeszkedik az edge-first deployhoz. A bildr.hub minden új projektje Cloudflare Workersre megy az @opennextjs/cloudflare adapterrel. Ez azt jelenti, hogy a magyar látogatóid 30 ms alatt megkapják a HTML-t, mert a londoni vagy frankfurti CF edge node-on renderelődik az oldal.

Mit jelent ez a megrendelőnek konkrétan

1. 01Lighthouse Performance 90+ alapelvárás, nem extra
2. 02Google ranking javul (Core Web Vitals)
3. 03Mobil felhasználók 30–40%-kal több időt töltenek az oldalon
4. 04Konverziós ráta minden 100 ms-os gyorsulásnál +1–2%
5. 05Infra-költség havi 5–50 USD egy közepes brand oldalra (vs. 200+ USD AWS)

Mikor NEM Next.js

Nem minden projekt Next.js. Egy egyszerű 5 oldalas brosúra-site Astro-val jobb. Egy heavy belső eszköz, ahol nincs SEO-igény, lehet pure React + Vite. A Next.js a sweet spot ott, ahol marketing (SEO) + alkalmazás-szintű interaktivitás (CRM, admin) egyben kell.