التهيئة
يسمح لك Next.js بتخصيص مشروعك لتلبية متطلبات محددة. وهذا يشمل التكامل مع TypeScript وESlint وغيرها، بالإضافة إلى خيارات التهيئة الداخلية مثل الاستيراد المطلق (Absolute Imports) ومتغيرات البيئة (Environment Variables).
TypeScript
يوفر Next.js تجربة تطوير معتمدة على TypeScript كخيار أول لبناء تطبيق React الخاص بك.
ESLint
يُبلغ Next.js عن أخطاء وتحذيرات ESLint أثناء عمليات البناء بشكل افتراضي. تعلم هنا كيفية إلغاء تفعيل هذا السلوك.
متغيرات البيئة
تعلم كيفية إضافة متغيرات البيئة والوصول إليها في تطبيق Next.js الخاص بك.
الاستيراد المطلق واختصارات مسار الوحدات (Absolute Imports and Module Path Aliases)
تكوين اختصارات مسار الوحدات التي تتيح لك إعادة تعيين مسارات استيراد معينة.
دليل `src`
حفظ الصفحات ضمن دليل `src` كبديل عن دليل `pages` الأساسي.
MDX
تعلم كيفية تكوين MDX لكتابة JSX في ملفات ماركداون الخاصة بك.
AMP
بإعدادات بسيطة ودون مغادرة React، يمكنك البدء في إضافة AMP وتحسين أداء وسرعة صفحاتك.
Babel
توسيع الإعداد المسبق لـ Babel الذي يضيفه Next.js باستخدام التكوينات الخاصة بك.
PostCSS
قم بتوسيع تكوين PostCSS والإضافات المضافة بواسطة Next.js باستخدام تكوينك الخاص.
خادم مخصص
بدء تطبيق Next.js برمجيًا باستخدام خادم مخصص.
وضع المسودة (Draft Mode)
يوفر Next.js وضع المسودة للتبديل بين الصفحات الثابتة والديناميكية. تعلم كيفية عمله مع موجه الصفحات (Pages Router).
معالجة الأخطاء
كيفية معالجة الأخطاء في تطبيق Next.js الخاص بك.
تصحيح الأخطاء
تعلم كيفية تصحيح أخطاء تطبيق Next.js باستخدام VS Code أو Chrome DevTools.
وضع المعاينة
يوفر Next.js وضع المعاينة للصفحات المولدة بشكل ثابت. يمكنك تعلم كيفية عمله هنا.
سياسة أمان المحتوى (Content Security Policy)
تعلم كيفية تعيين سياسة أمان المحتوى (CSP) لتطبيق Next.js الخاص بك.