التهيئة
يسمح لك 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
قم بتوسيع الإعداد المسبق (preset) الذي يضيفه Next.js باستخدام تكويناتك الخاصة.
PostCSS
قم بتوسيع إعدادات PostCSS والإضافات المضافة بواسطة Next.js باستخدام الإعدادات الخاصة بك.
خادم مخصص
بدء تطبيق Next.js برمجيًا باستخدام خادم مخصص.
وضع المسودة (Draft Mode)
يوفر Next.js وضع المسودة للتبديل بين الصفحات الثابتة والديناميكية. تعلم كيفية عمله مع موجه الصفحات (Pages Router).
معالجة الأخطاء
كيفية معالجة الأخطاء في تطبيق Next.js الخاص بك.
تصحيح الأخطاء
تعلم كيفية تصحيح أخطاء تطبيق Next.js باستخدام VS Code أو أدوات مطوري Chrome.
وضع المعاينة
يوفر Next.js وضع المعاينة للصفحات المولدة بشكل ثابت. يمكنك تعلم كيفية عمله هنا.
سياسة أمان المحتوى (Content Security Policy)
تعلم كيفية تعيين سياسة أمان المحتوى (CSP) لتطبيق Next.js الخاص بك.