أدلة

يمكنك بدء إضافة AMP لتحسين أداء وسرعة صفحاتك بحد أدنى من التكوين ودون الحاجة إلى مغادرة React.

قياس وتتبع أداء الصفحة باستخدام Next.js

تعرف على كيفية تنفيذ المصادقة في Next.js، بما في ذلك أفضل الممارسات، تأمين المسارات، تقنيات التفويض، وإدارة الجلسات.

قم بتوسيع الإعداد المسبق لـ Babel الذي تمت إضافته بواسطة Next.js باستخدام تكويناتك الخاصة.

تعلم كيفية تكوين CI لتخزين بناء Next.js مؤقتًا

تعرف على كيفية تعيين سياسة أمان المحتوى (CSP) لتطبيق Next.js الخاص بك.

استخدام مكتبات CSS-in-JS مع Next.js

بدء تطبيق Next.js برمجيًا باستخدام خادم مخصص.

تعلم كيفية تصحيح تطبيق Next.js باستخدام VS Code أو Chrome DevTools.

يوفر Next.js ميزة وضع المسودة للتبديل بين الصفحات الثابتة والديناميكية. يمكنك تعلم كيفية عملها مع موجه الصفحات (Pages Router).

تعرف على كيفية إضافة متغيرات البيئة والوصول إليها في تطبيق Next.js الخاص بك.

تعلم كيفية معالجة إرسال النماذج وتحوير البيانات باستخدام Next.js.

تعرف على كيفية إنشاء أو تحديث الصفحات الثابتة أثناء التشغيل باستخدام إعادة التوليد الثابت التدريجي.

تعلم كيفية استخدام الأدوات (Instrumentation) لتشغيل التعليمات البرمجية عند بدء تشغيل الخادم في تطبيق Next.js الخاص بك

يوفر Next.js دعمًا مدمجًا لتوجيه التدويل واكتشاف اللغة. تعرف على المزيد هنا.

قم بتحميل المكتبات المستوردة ومكونات React بشكل مؤجل لتحسين أداء التحميل العام لتطبيقك.

تعرف على كيفية تكوين MDX لكتابة JSX في ملفات Markdown الخاصة بك.

تعلم كيفية بناء واجهات أمامية مصغرة باستخدام مناطق متعددة في Next.js لنشر تطبيقات Next.js متعددة تحت نطاق واحد.

تعلم كيفية تتبع تطبيق Next.js الخاص بك باستخدام OpenTelemetry.

تعلم كيفية تحسين حزم الخادم والعميل لتطبيقك.

قم بتوسيع تكوين PostCSS والإضافات المضافة بواسطة Next.js باستخدام التكوين الخاص بك.

يوفر Next.js وضع المعاينة للصفحات المولدة بشكل ثابت. يمكنك تعلم كيفية عمله هنا.

توصيات لضمان أفضل أداء وتجربة مستخدم قبل نشر تطبيق Next.js في بيئة الإنتاج.

تعرف على الطرق المختلفة للتعامل مع عمليات إعادة التوجيه في Next.js.

تعلم كيفية استخدام Sass في تطبيق Next.js الخاص بك.

تحسين البرامج النصية لجهات خارجية باستخدام مكون Script المدمج.

تعلم كيفية استضافة تطبيق Next.js الخاص بك على خادم Node.js، أو صورة Docker، أو ملفات HTML ثابتة (تصدير ثابت).

يتيح Next.js البدء كموقع ثابت أو تطبيق صفحة واحدة (SPA)، ثم الترقية لاحقًا بشكل اختياري لاستخدام الميزات التي تتطلب خادمًا.

تنسيق تطبيق Next.js الخاص بك باستخدام Tailwind CSS.

يمكنك تحسين أداء مكتبات الطرف الثالث في تطبيقك باستخدام حزمة `@next/third-parties`.

تعلم كيفية الانتقال من أطر العمل الشائعة إلى Next.js

تعلم كيفية إعداد Next.js مع ثلاث أدوات اختبار شائعة الاستخدام — Cypress و Playwright و Vitest و Jest.

تعلم كيفية الترقية إلى أحدث إصدارات Next.js.