Ce s-a schimbat recent în Next.js și Vercel

Dacă lucrezi cu React și vrei să construiești aplicații web moderne, Next.js și Vercel sunt probabil deja parte din rutina ta zilnică. Ultimele luni au adus schimbări semnificative în ambele ecosisteme — de la un bundler nou implicit și un model de caching reproiectat, până la infrastructură gândită pentru era agenților AI. Iată tot ce trebuie să știi.

Next.js 16 și 16.1 — ce s-a schimbat

Turbopack devine implicit

Una dintre cele mai așteptate tranziții este acum oficială: Turbopack este bundlerul implicit pentru toate aplicațiile Next.js. Scris în Rust, Turbopack aduce îmbunătățiri substanțiale față de Webpack: până la 5–10× mai rapid la Fast Refresh și de 2–5× mai rapid la build-uri. Dacă aveai --turbopack setat manual, acum nu mai e necesar.

În Next.js 16.1, cache-ul de fișiere pentru Turbopack a devenit stabil pentru next dev. Asta înseamnă că artefactele de compilare sunt stocate pe disc, iar repornirile serverului de development sunt semnificativ mai rapide — mai ales în proiecte mari. Vercel a testat acest lucru intern timp de un an înainte de lansare.

Cache Components — un model nou de caching

Next.js 16 a înlocuit experimentul Partial Pre-Rendering (PPR) cu un concept mai clar: Cache Components. Folosind directiva use cache, poți marca explicit ce bucăți din aplicație trebuie pre-randate sau cachuite, obținând navigație instantanee. API-urile noi updateTag(), refresh() și revalidateTag() rafinează controlul asupra invalidării cache-ului.

proxy.ts înlocuiește middleware.ts

O schimbare breaking, dar binevenită din punct de vedere conceptual: fișierul middleware.ts a fost redenumit în proxy.ts, iar funcția exportată se cheamă acum proxy. Schimbarea clarifică granița de rețea a aplicației și mută execuția pe runtime-ul Node.js în loc de Edge. Migrarea e simplă — un redenumire de fișier și funcție.

DevTools MCP — debugging asistat de AI

Next.js 16 introduce DevTools MCP, o integrare cu protocolul Model Context Protocol care permite agenților AI să înțeleagă contextul aplicației tale: arborele de rutare, log-urile din browser și server, stack trace-urile, comportamentul de caching. Practic, poți folosi un asistent AI care știe exact în ce stare e aplicația ta în timp real.

Bundle Analyzer experimental

Tot în 16.1 a apărut un Bundle Analyzer integrat direct în Next.js, compatibil cu Turbopack. Lansează o interfață interactivă (treemap) care arată dimensiunea bundle-urilor de server și client, lanțul de importuri și dependențele mari. Util pentru optimizarea Core Web Vitals și reducerea timpilor de cold start la funcțiile serverless.

TypeScript mai bine integrat (din Next.js 15.5)

Next.js generează automat tipurile globale PageProps, LayoutProps și RouteContext cu parametri complet tipați — fără importuri suplimentare. Rutele tipate și validarea exporturilor de rute sunt acum stabile.

Node.js Middleware — stabil

Suportul pentru runtime-ul Node.js în middleware (introdus experimental în 15.2) a devenit stabil în 15.5. Anterior, middleware-ul rula exclusiv pe Edge Runtime, ceea ce limita accesul la librăriile Node.js. Acum poți folosi runtime: 'nodejs' în configurația middleware-ului fără restricții.

Actualizări de securitate — important!

Au fost descoperite mai multe vulnerabilități critice în React Server Components, cu impact direct asupra Next.js:

• CVE-2025-66478 — vulnerabilitate critică (CVSS 10.0) care permitea Remote Code Execution prin deserializare nesigură în protocolul RSC.
• CVE-2025-55184 / CVE-2025-55183 — Denial of Service de severitate ridicată și expunere de cod sursă.

Dacă folosești Next.js 13.x, 14.x, 15.x sau 16.x în producție, upgrade-ul este obligatoriu. Poți folosi CLI-ul automat:

npx @next/codemod@canary upgrade latest

Ce s-a schimbat pe platforma Vercel

Fluid Compute și prețul pe CPU activ

Vercel a redesenat modelul de compute serverless cu Fluid Compute. În loc să pornești instanțe separate pentru fiecare request, mai multe cereri concurente pot partaja aceleași resurse. Noul model de prețuri Active CPU taxează doar timpul în care codul tău rulează efectiv — nu și timpul de așteptare pentru răspunsul unui LLM, de exemplu. Echipele Vercel raportează economii de până la 85% pe workload-uri AI.

Rolling Releases

Deploy-urile riscante pot fi acum lansate treptat cu Rolling Releases — fără routing custom, cu monitorizare built-in și control complet al procentajului de trafic direcționat spre noua versiune.

Vercel Flags — disponibil general

Vercel Flags este acum disponibil pentru toți utilizatorii. Este un sistem de feature flags integrat direct în dashboard-ul Vercel, cu reguli de targeting, segmente de utilizatori și control pe medii (preview, production). SDK-ul Flags funcționează nativ cu Next.js și SvelteKit.

Vercel AI SDK 6

AI SDK 6 aduce suport complet pentru agenți, MCP, tool execution approval, reranking și editare de imagini. Cu peste 20 de milioane de descărcări lunare, SDK-ul oferă un API unificat pentru integrarea cu orice furnizor AI în Next.js, React, Svelte, Vue și Node.js.

AI Gateway extins

Prin Vercel AI Gateway poți accesa acum un număr mare de modele printr-un singur API: GPT-5.5, DeepSeek V4, Claude Opus, Kimi K2.6 și altele. Gateway-ul include retry automat, failover și optimizări de performanță.

NuxtLabs a intrat în Vercel

O mișcare strategică importantă: NuxtLabs, echipa din spatele Nuxt și Nitro, s-a alăturat Vercel. Nitro, runtime-ul server folosit de mai multe frameworkuri, devine astfel parte din ecosistemul Vercel — o veste bună pentru standardizarea deployment-urilor.

Concluzie

Next.js 16 consolidează o serie de direcții pe care framework-ul le urmărea de câțiva ani: Turbopack ca standard, un model de caching mai explicit și mai controlabil, și integrarea AI direct în fluxul de debugging. Pe platforma Vercel, schimbările sunt orientate tot mai mult spre workload-uri AI și agenți — Fluid Compute, AI Gateway și Rolling Releases sunt dovezi clare ale acestei direcții.

Dacă nu ai făcut-o deja, acum e momentul potrivit să faci upgrade și să explorezi noile API-uri — mai ales use cache și proxy.ts, care schimbă modul în care gândim arhitectura unei aplicații Next.js.

Surse: nextjs.org/blog, vercel.com/changelog, vercel.com/blog