Next.js — next.config.js (parte III): Optimización de recursos y caché, y Ecosistema, herramientas y compiladores

Introducción

• Optimización de recursos y caché
• Ecosistema, herramientas y compiladores

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

:: Optimización de recursos y caché

images — [ref]

¿Qué es?
Permite definir un cargador de imágenes personalizado mediante la opción loader: 'custom' y especificando un archivo loaderFile.

Este enfoque reemplaza el comportamiento de optimización de imágenes interno de Next.js cuando necesitas integrarlo con un CDN externo (como Cloudinary, Imgix, Akamai, etc.).