أدلة إرشادية

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

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

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

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

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

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

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

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

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

تعلم كيفية إنشاء نماذج في Next.js باستخدام إجراءات الخادم (Server Actions) في React.

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

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

إضافة دعم للغات متعددة مع توجيه دولي ومحتوى مترجم.

تعلم كيفية إضافة JSON-LD إلى تطبيق Next.js الخاص بك لوصف المحتوى لمحركات البحث والذكاء الاصطناعي.

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

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

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

تحسين الذاكرة المستخدمة بواسطة تطبيقك في بيئة التطوير والإنتاج.

تعلم كيفية بناء تطبيقات متعددة المستأجرين باستخدام App Router.

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

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

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

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

تعلم كيفية بناء تطبيق ويب تقدمي (PWA) باستخدام Next.js.

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

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

تحسين نصوص الطرف الثالث باستخدام مكون Script المدمج.

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

يدعم Next.js بشكل كامل بناء تطبيقات الصفحة الواحدة (Single-Page Applications - SPAs).

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

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

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

توصيات وأفضل الممارسات لتحسين مقاطع الفيديو في تطبيق Next.js الخاص بك.

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

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

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