Next.js — next.config.js (parte I)

Introducción

• ¿Qué es next.config.js?
• Principales características
• Ventajas
• ¿Cómo se crea o implementa?
• ¿Cómo funciona?
• ¿Cuándo se ejecuta?
• Configuraciones
• Buenas prácticas

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

:: ¿Qué es next.config.js?

next.config.js es el archivo de configuración principal de una aplicación Next.js. Permite personalizar el comportamiento del framework durante la construcción (build), desarrollo (dev) y ejecución (runtime) de la aplicación, controlando el comportamiento de compilación, ejecución, enrutamiento, rendimiento, seguridad, herramientas de desarrollo y más.