Поддерживаемые браузеры

Next.js поддерживает современные браузеры без дополнительной настройки.

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

Browserslist

Если вам необходимо настроить поддержку конкретных браузеров или функций, Next.js поддерживает настройку Browserslist в вашем package.json файле. Next.js использует следующую конфигурацию Browserslist по умолчанию:

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

Полифилы

Мы встраиваем широко используемые полифилы, включая:

• fetch() — Заменяет: whatwg-fetch и unfetch.
• URL — Заменяет: пакет url (Node.js API).
• Object.assign() — Заменяет: object-assign, object.assign, и core-js/object/assign.

Если какие-либо из ваших зависимостей включают эти полифилы, они будут автоматически удалены из производственного билда, чтобы избежать дублирования.

Кроме того, для уменьшения размера бандла Next.js загрузит эти полифилы только для браузеров, которые их требуют. Большая часть глобального трафика в веб не будет загружать эти полифилы.

Настройка полифилов

Если ваш собственный код или внешние зависимости npm требуют функций, не поддерживаемых вашими целевыми браузерами (например, IE 11), вам необходимо добавить полифилы самостоятельно.

В этом случае вы должны добавить импорт конкретного необходимого полифила в свой настраиваемый <App> или в отдельный компонент.

Возможности языка JavaScript

Next.js позволяет использовать новейшие возможности языка JavaScript без дополнительной настройки. В дополнение к возможностям ES6, Next.js также поддерживает:

• Async/await (ES2017)
• Свойства Object Rest/Spread (ES2018)
• Динамический импорт (ES2020)
• Опциональная цепочка (ES2020)
• Nullish слияние (ES2020)
• Поля класса и Статические свойства (ES2022)
• и многое другое!

Возможности TypeScript

Next.js имеет встроенную поддержку TypeScript. Узнайте больше здесь.

Настройка Babel (Расширенный режим)

Вы можете настроить конфигурацию Babel. Узнайте больше здесь.