サポート対象ブラウザ

Next.jsはモダンブラウザをゼロコンフィグでサポートしています。

Browserslist

特定のブラウザや機能をターゲットにしたい場合、Next.jsはpackage.jsonファイルでのBrowserslist設定をサポートしています。Next.jsはデフォルトで以下のBrowserslist設定を使用します:

package.json

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

Next.jsは広く使われるポリフィルを自動的に注入します。これには以下が含まれます:

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>または個々のコンポーネントで、必要な特定のポリフィルをトップレベルでインポートする必要があります。

Next.jsでは最新のJavaScript機能をすぐに使用できます。ES6機能に加え、Next.jsは以下もサポートしています:

Next.jsにはTypeScriptサポートが組み込まれています。詳細はこちら

Babelの設定をカスタマイズできます。詳細はこちら