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

Next.js は モダンブラウザ をゼロ・コンフィギュレーションでサポートします。

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

ブラウザリスト

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

{
  "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 Properties (ES2018)
• Dynamic import() (ES2020)
• Optional Chaining (ES2020)
• Nullish Coalescing (ES2020)
• Class Fields と Static Properties (part of stage 3 proposal)
• などなど！

TypeScript の機能

Next.jsはTypeScriptをビルトインでサポートしています。詳細はこちら。

Babel 設定のカスタマイズ (Advanced)

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