対応ブラウザ

Next.jsは、設定なしで**モダンブラウザ**に対応しています。

Browserslist

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

package.json

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

以下のような広く使われているPolyfillsを組み込んでいます。

**fetch()** — whatwg-fetch と unfetch を置き換えます。
**URL** — url パッケージ (Node.js API)を置き換えます。
**Object.assign()** — object-assign、object.assign、および core-js/object/assign を置き換えます。

依存関係にこれらのPolyfillsが含まれている場合、重複を避けるために本番ビルドから自動的に削除されます。

さらに、バンドルサイズを削減するため、Next.jsはこれらのPolyfillsを必要とするブラウザにのみロードします。世界のWebトラフィックの大部分はこれらのPolyfillsをダウンロードしません。

独自のコードや外部npm依存関係が、ターゲットブラウザ (IE 11など) でサポートされていない機能を必要とする場合、ご自身でPolyfillsを追加する必要があります。

この場合、カスタム<App>または個々のコンポーネントで、必要な**特定のPolyfill**をトップレベルでインポートする必要があります。

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

Next.jsはTypeScriptを標準でサポートしています。詳しくはこちら。

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

この情報は役に立ちましたか？