next.config.js – Fișierul principal de configurare Next.js în Next.js

/** @type {import('next').NextConfig} */
const nextConfig = {
  reactStrictMode: True,
  // alte opțiuni...
};

module.exports = nextConfig;

Ce face next.config.js - Fișierul principal de configurare Next.js

Fișierul next.config.js (sau `next.config.mjs`) este plasat în rădăcina proiectului și dictează comportamentul întregului framework.

Permite configurarea modului strict React (`reactStrictMode`), a variabilelor de build, a suportului pentru imagini externe, a compilării standalone pentru containere Docker și a antetelor personalizate de securitate.

Orice modificare a acestui fișier necesită repornirea serverului de dezvoltare (`npm run dev`).

Exemple

Exemplul 1: Configurație de bază recomandată pentru producție în next.config.js

Activează verificările stricte și ascunde amprenta framework-ului.

/** @type {import('next').NextConfig} */
const nextConfig = {
  reactStrictMode: True,
  poweredByHeader: False,
};

module.exports = nextConfig;

Ieșire în terminal

Configurație încărcată de compilatorul Next.js la pornire.

Greșeli frecvente

• Încercarea de a importa fișiere din interiorul directorului `src/` sau componente React în `next.config.js`; fișierul de configurare rulează în Node.js la inițializare înainte de compilarea codului aplicației.

Comenzi înrudite

• output: 'standalone' - Optimizarea pentru containere Docker ultra-mici: Tracează dependențele reale din node_modules și creează un pachet minimal de producție ideal pentru Docker.
• middleware.ts - Interceptarea cererilor la nivel de rețea (Edge Middleware): Rulează cod înainte ca o cerere să ajungă la pagină, perfect pentru autentificare, redirecționări de geolocație și securitate.
• Rescrieri de rute (rewrites) în next.config.js - Mascarea adreselor interne: Mapează o cale publică către o altă destinație internă sau externă fără a modifica URL-ul afișat în browserul vizitatorului.