next build – Compilarea și optimizarea aplicației pentru producție în Next.js

next build
npm run build

Ce face next build - Compilarea și optimizarea aplicației pentru producție

Comanda next build este pasul esențial înainte de publicarea pe server a oricărui proiect Next.js.

Analizează toate rutele din `app/`, execută funcțiile de pre-randare statică (SSG), verifică tipurile TypeScript, rulează linting-ul și minifică fișierele JavaScript și CSS.

La final, generează un tabel detaliat cu dimensiunea fiecărui bundle și tipul de randare al fiecărei rute (Static sau Server-rendered dinamic).

Exemple

Exemplul 1: Rularea build-ului de producție și analiza rutelor generate

Afișează raportul dimensiunilor pachetelor JS.

npm run build

Ieșire în terminal

Route (app)                              Size     First Load JS
┌ ○ /                                    5.4 kB         89.2 kB
├ ○ /despre                              1.2 kB         85.0 kB
├ ƒ /api/utilizatori                     0 B               0 B
└ ƒ /profil                              2.1 kB         85.9 kB
+ First Load JS shared by all            83.8 kB

○  (Static)   prerendered as static content
ƒ  (Dynamic)  server-rendered on demand

Greșeli frecvente

• Ignorarea erorilor TypeScript în timpul build-ului; Next.js va refuza să genereze pachetul de producție dacă există neconcordanțe de tipuri.

Comenzi înrudite

• next start - Pornirea serverului de producție: Lansează serverul Node.js optimizat pentru deservirea pachetului compilat anterior prin next build.
• next dev - Pornirea serverului de dezvoltare local: Pornește serverul local de dezvoltare cu reîncărcare rapidă (Fast Refresh) și suport Turbopack.
• @next/bundle-analyzer - Vizualizarea și optimizarea dimensiunii pachetelor JS: Generează o hartă vizuală interactivă cu toate librăriile incluse în pachetele JavaScript finale pentru a identifica dependențele grele.