サポートされているブラウザ

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の設定をカスタマイズできます。詳細はこちらをご覧ください。