Next.js — next.config.js (parte II): Configuraciones básicas, de entorno y avanzadas

Introducción

• Configuraciones básicas y de entorno
• Configuraciones avanzadas

Lee el artículo gratis → friends link o en Github

Todos los ejemplos los podrás encontrar en el repositorio next.js-15.3–1[ref]
Acá puedes ver todas las stories de next.js [ref]

Para todos los ejemplos se toma el siguiente proyecto base[ref] (branch: base-project-2). Este proyecto contiene los archivos: src/app/page.tsx y src/app/layout.tsx, configurados con una estructura mínima.

next.config.js

:: Configuraciones básicas y de entorno

reactStrictMode — [ref]

¿Qué es?
Activa el modo estricto de React durante el desarrollo, permitiendo detectar problemas potenciales como efectos secundarios innecesarios o ciclos dobles en useEffect.

¿Cuándo usarlo?
Siempre durante desarrollo. Recomendado dejarlo activado salvo casos muy específicos de incompatibilidad.

Ejemplo:

// next.config.js
module.exports = {
  reactStrictMode: true,
};