Supported Browsers

Next.js, sıfır yapılandırma ile modern tarayıcıları destekler.

Chrome 64+
Kenar 79+
Firefox 67+
Opera 51+
Safari 12+

Browserslist

Belirli tarayıcıları veya özellikleri hedeflemek isterseniz Next.js, package.json dosyanızda Browserslist yapılandırmasını destekler. Next.js varsayılan olarak aşağıdaki Browserslist yapılandırmasını kullanır:

package.json

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

Polyfills

Yaygın olarak kullanılan polyfill'leri dahil olmak üzere enjekte ediyoruz:

fetch() - Değiştirme: whatwg-fetch ve unfetch.
URL - Değiştirme: url paketi (Node.js API).
Object.assign() - Değiştiriliyor: object-assign, object.assign, ve core-js/object/assign.

Bağımlılıklarınızdan herhangi biri bu çoklu doldurmaları içeriyorsa, yinelemeyi önlemek için bunlar üretim derlemesinden otomatik olarak kaldırılacaktır.

Buna ek olarak, paket boyutunu azaltmak için Next.js bu çoklu dolguları yalnızca bunları gerektiren tarayıcılar için yükleyecektir. Küresel olarak web trafiğinin çoğunluğu bu çoklu dolguları indirmeyecektir.

Custom Polyfills

Kendi kodunuz veya herhangi bir harici npm bağımlılığı, hedef tarayıcılarınız tarafından desteklenmeyen özellikler gerektiriyorsa (IE 11 gibi), polyfills'i kendiniz eklemeniz gerekir.

Bu durumda, Özel <App> adresinizde veya tek bir bileşende ihtiyacınız olan belirli bir çoklu dolgu için üst düzey bir içe aktarma eklemeniz gerekir.

JavaScript Language Features

Next.js, en yeni JavaScript özelliklerini kutudan çıkar çıkmaz kullanmanıza olanak tanır. ES6 özelliklerine ek olarak , Next.js ayrıca destekler:

Async/await (ES2017)
Object Rest/Spread Özellikleri (ES2018)
Dinamik import() (ES2020)
Opsiyonel Zincirleme (ES2020)
Nullish Coalescing (ES2020)
Sınıf Alanları ve Statik Özellikler (3. aşama önerisinin bir parçası)
ve daha fazlası!

TypeScript Features

Next.js yerleşik TypeScript desteğine sahiptir. Daha fazlasını buradan öğrenin.

Customizing Babel Config (Advanced)

Babel yapılandırmasını özelleştirebilirsiniz. Buradan daha fazla bilgi edinin.