مدوّنتنا
تصفّح مقالات مدوّنتنا حول تصميم وتطوير المواقع والتسويق الرقمي لتبقى على اطّلاع بأحدث التوجّهات والاستراتيجيات.
تم العثور على 101 مقال
موقع Next.js ثنائي اللغة بالإنجليزية والعربية: التوجيه و RTL وما تراه الزواحف فعلًا
نبني معظم منتجاتنا بالإنجليزية والعربية، وتعلّمنا الدرس: تبديل اللغة عبر الكوكيز يخفي نصف المحتوى عن محركات البحث. ملاحظاتنا الميدانية حول توجيه المسارات لكل لغة في Next.js، وتصميم RTL ينقلب تلقائيًا، وضبط hreflang بشكل صحيح.
بثّ استجابات الذكاء الاصطناعي في Next.js: ما الذي يتعطّل فعلًا في الإنتاج
كل ميزة ذكاء اصطناعي نشحنها في ديفيا تبثّ مخرجاتها لحظيًا، وكود البثّ نفسه هو الجزء السهل. ملاحظاتنا الميدانية حول SSE عبر fetch في Next.js App Router: التخزين المؤقت لدى الوسطاء الذي يجمّد البثّ في الإنتاج، وربط الإلغاء الذي يوقف هدر التوكنز، وما يحدث فعلًا عند تحديث الصفحة أثناء التوليد.
ما الذي تغيّر في Zod 4، وكيف رحّلنا مخططات الإنتاج
Zod 4 إعادة كتابة لمكتبة المخططات المبنية على TypeScript: صيغ نصوص عليا مثل z.email()، وخيار أخطاء موحّد واحد، ودوالّ جديدة لقراءة الأخطاء، وبنية zod/mini قابلة لإزالة الشيفرة غير المستخدمة. نشرح ما الذي تغيّر وكيف رحّل فريقنا مخططات الإنتاج.
معالجات المسارات مقابل إجراءات الخادم في Next.js: متى نستخدم كلًّا منهما
كلٌّ من إجراءات الخادم ومعالجات المسارات ينفّذ كودًا على الخادم في موجّه تطبيقات Next.js، لكنهما يحلّان مشكلتين مختلفتين. في ديفيا نستخدم إجراءات الخادم لعمليات التعديل القادمة من واجهتنا، ومعالجات المسارات لواجهات البرمجة العامة وخطافات الويب والبث.
حالة الـ URL في موجّه تطبيقات Next.js: معاملات بحث مُنمّطة تصمد أمام التحديث
ننقل الفلاتر والتبويبات وترقيم الصفحات من useState إلى سلسلة استعلام الـ URL، بحيث يعيد التحديث أو الرابط المُشارَك العرض نفسه بالضبط. إليك كيف يقرأ فريقنا ويكتب معاملات البحث في موجّه التطبيقات في Next.js، ومتى تستحقّ nuqs مكانها.
معالجة الأخطاء في Next.js App Router: ما الذي يلتقطه كل ملف خطأ فعليًا
في Next.js App Router يعرّف error.tsx حدود خطأ تلتقط أخطاء العرض في مقطع المسار وأبنائه — لكن ليس تخطيطه الخاص ولا أخطاء معالجات الأحداث. ملاحظاتنا الهندسية حول error.tsx و global-error.tsx و not-found.tsx والـ digest في الإنتاج ودالة reset.
انتقالات العرض في Next.js: تحريك تغيّرات الصفحات والعناصر دون مكتبة
واجهة View Transitions تُحرّك التغيّر بين حالتين للـ DOM باستدعاء document.startViewTransition. أضفنا تحريك تغيّرات الصفحات والعناصر إلى تطبيق App Router في Next.js بأسطر CSS قليلة ودون أي مكتبة تحريك.
كيف نُصحّح أخطاء عدم تطابق الترطيب في موجّه تطبيقات Next.js
عدم تطابق الترطيب هو ألا يطابق HTML خادم Next.js أول تصيير من React في المتصفح، فيعيد React 19 تصيير الجزء في المتصفح. نستعرض الأسباب الأربعة الأكثر شيوعًا لدى فريقنا والحلول التي تصمد في الإنتاج.
إصلاح INP: كيف نضبط التفاعل حتى الرسم التالي في React
حلّ INP محل First Input Delay ضمن Core Web Vitals في مارس 2024. نقسّم كل تفاعل إلى ثلاث مراحل — تأخير الإدخال والمعالجة والعرض — ونشارك إصلاحات React التي تصمد على لوحات التحكم الإنتاجية.
Server Actions نقاط نهاية عامة: كيف نؤمّن عمليات الكتابة في Next.js
كل Server Action في Next.js يتحول عند البناء إلى نقطة نهاية HTTP عامة، والواجهة المحيطة بها ليست تحكماً في الوصول. نشارك كيف يتحقق فريقنا من المدخلات وقت التشغيل، وأين يضع فحوص الصلاحيات، وكيف نستخدم إعدادات Next.js لتقوية الحماية.
مُحوِّل React في 2026: ما الذي يحفظه في الذاكرة المؤقتة (وما الذي لا يحفظه)
مُحوِّل React أُطلق بشكل مستقر مع React 19 ويُدرج الحفظ في الذاكرة المؤقتة تلقائياً للمكوِّنات والخطافات وردود الفعل. بعد تفعيله في مشاريع متعددة، هذا ما يُعالجه وما يتجاوزه وما إذا كان يجب حذف استدعاءات useMemo.
التصيير الجزئي المسبق في Next.js: الهيكل الثابت والبث الديناميكي
التصيير الجزئي المسبق يُقدّم هيكلاً HTML ثابتاً من حافة CDN على الفور، ثم يبث الأقسام الديناميكية من الخادم الأصلي في نفس الاستجابة. طبّقناه على مسارَي إنتاج — إليك النموذج والمفاضلات وكيف يتكامل مع use cache.
ابقَ على اطّلاع
اشترك في نشرتنا البريدية للحصول على أحدث الرؤى حول تصميم وتطوير المواقع والتسويق الرقمي.