Next.js — Archivos de alto nivel (Top-level files)

Introducción

• ¿Qué son?
• next.config.js, package.json, instrumentation.ts, middleware.ts, .env, .env.*, .eslintrc.json
• ¿Dónde se colocan?
• ¿Por qué son importantes?
• Comparativa rápida de funciones

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.

Archivos de alto nivel (Top-level files)

:: ¿Que son?

Son archivos ubicados en la raíz del proyecto Next.js (/) que configuran comportamientos críticos del entorno de ejecución, compilación, análisis estático, instrumentación, seguridad, y más. Aunque no participan directamente en el árbol de rutas, impactan cómo se comporta toda tu aplicación.

next.config.js —

• Qué es: Archivo de configuración central de Next.js.