المتصفحات المدعومة

يدعم Next.js المتصفحات الحديثة دون الحاجة إلى أي تكوين.

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

Browserslist

إذا كنت ترغب في استهداف متصفحات أو ميزات محددة، يدعم Next.js تكوين Browserslist في ملف package.json. يستخدم Next.js تكوين Browserslist التالي افتراضيًا:

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

Polyfills

نحن نقوم بحقن polyfills شائعة الاستخدام، بما في ذلك:

• fetch() — بديل عن: whatwg-fetch و unfetch.
• URL — بديل عن: حزمة url (واجهة برمجة تطبيقات Node.js).
• Object.assign() — بديل عن: object-assign، object.assign، و core-js/object/assign.

إذا كانت أي من التبعيات الخاصة بك تتضمن هذه الـ polyfills، فسيتم استبعادها تلقائيًا من بناء الإنتاج لتجنب التكرار.

بالإضافة إلى ذلك، لتقليل حجم الحزمة، سيقوم Next.js بتحميل هذه الـ polyfills فقط للمتصفحات التي تتطلبها. غالبية حركة المرور على الويب عالميًا لن تقوم بتنزيل هذه الـ polyfills.

Polyfills مخصصة

إذا كان الكود الخاص بك أو أي تبعيات npm خارجية تتطلب ميزات غير مدعومة من قبل المتصفحات المستهدفة (مثل IE 11)، فستحتاج إلى إضافة الـ polyfills بنفسك.

في هذه الحالة، يجب عليك إضافة استيراد على مستوى أعلى لـ polyfill محدد تحتاجه في تطبيقك المخصص <App> أو المكون الفردي.

ميزات لغة JavaScript

يسمح لك Next.js باستخدام أحدث ميزات JavaScript مباشرةً. بالإضافة إلى ميزات ES6، يدعم Next.js أيضًا:

• Async/await (ES2017)
• خاصية Rest/Spread للكائنات (ES2018)
• استيراد ديناميكي import() (ES2020)
• سلسلة اختيارية (Optional Chaining) (ES2020)
• الدمج الصفري (Nullish Coalescing) (ES2020)
• حقول الفئة (Class Fields) و الخصائص الثابتة (Static Properties) (ES2022)
• والمزيد!

ميزات TypeScript

يحتوي Next.js على دعم مدمج لـ TypeScript. تعلم المزيد هنا.

تخصيص تكوين Babel (متقدم)

يمكنك تخصيص تكوين Babel. تعلم المزيد هنا.