Navegadores compatibles

Next.js soporta navegadores modernos sin necesidad de configuración adicional.

Chrome 64+
Edge 79+
Firefox 67+
Opera 51+
Safari 12+

Browserslist

Si necesita compatibilidad con navegadores o características específicas, Next.js soporta configuración de Browserslist en su archivo package.json. Next.js usa la siguiente configuración de Browserslist por defecto:

package.json

{
  "browserslist": [
    "chrome 64",
    "edge 79",
    "firefox 67",
    "opera 51",
    "safari 12"
  ]
}

Polyfills

Inyectamos polyfills ampliamente utilizados, incluyendo:

fetch() — Reemplaza: whatwg-fetch y unfetch.
URL — Reemplaza: el paquete url (API de Node.js).
Object.assign() — Reemplaza: object-assign, object.assign y core-js/object/assign.

Si alguna de sus dependencias incluye estos polyfills, se eliminarán automáticamente del build de producción para evitar duplicaciones.

Además, para reducir el tamaño del bundle, Next.js solo cargará estos polyfills para navegadores que los requieran. La mayoría del tráfico web global no descargará estos polyfills.

Polyfills personalizados

Si su código o alguna dependencia externa de npm requiere características no soportadas por sus navegadores objetivo (como IE 11), deberá agregar polyfills manualmente.

En este caso, debe agregar una importación de nivel superior para el polyfill específico que necesite en su Custom <App> o en el componente individual.

Características de JavaScript

Next.js le permite usar las últimas características de JavaScript sin configuración adicional. Además de características ES6, Next.js también soporta:

Async/await (ES2017)
Propiedades Rest/Spread de objetos (ES2018)
import() dinámico (ES2020)
Encadenamiento opcional (ES2020)
Fusión nula (ES2020)
Campos de clase y propiedades estáticas (ES2022)
¡y más!

Características de TypeScript

Next.js tiene soporte integrado para TypeScript. Aprenda más aquí.

Personalización de configuración Babel (Avanzado)

Puede personalizar la configuración de Babel. Aprenda más aquí.