مدوّنتنا
تصفّح مقالات مدوّنتنا حول تصميم وتطوير المواقع والتسويق الرقمي لتبقى على اطّلاع بأحدث التوجّهات والاستراتيجيات.
تم العثور على 101 مقال
سياسة أمان المحتوى في Next.js App Router: الـ nonce وstrict-dynamic ومقايضة العرض الثابت
طبّقنا في ديفيا سياسة أمان محتوى قائمة على الـ nonce في تطبيقات Next.js App Router لدينا. الـ nonce لكل طلب مع strict-dynamic هي سياسة السكربتات الوحيدة التي تصمد أمام تحميل الحزم وقت التشغيل، لكنها تحوّل المسارات الثابتة إلى ديناميكية بهدوء. هذه ملاحظاتنا الميدانية حول هذه المقايضة وكيف حدّدنا نطاقها.
مفاتيح المرور في الإنتاج: ما تعلمناه من تطبيق WebAuthn وواجهة الإكمال التلقائي وقواعد RP ID
مفتاح المرور هو بيانات اعتماد WebAuthn مرتبطة بشكل دائم بمعرّف طرف معتمد واحد (RP ID). تتبّع فريقنا معظم أخطاء مفاتيح المرور إلى ثلاث تفاصيل: قواعد مطابقة RP ID، واستخدام البريد الإلكتروني كـ user.id، وتوقّع ظهور نافذة الإكمال التلقائي دون الوساطة الشرطية. هذه ملاحظاتنا الميدانية من تطبيق مفاتيح المرور على Next.js.
CSS الحديثة استبدلت جافاسكريبت التخطيط لدينا: استعلامات الحاويات و:has() والشبكة الفرعية في الإنتاج
استعلامات الحاويات و:has() والشبكة الفرعية وطبقات التتالي مكّنت فريقنا من حذف معظم كود جافاسكريبت الخاص بالتخطيط: مغلفات ResizeObserver، وتبديل أصناف العنصر الأب، وحسابات الارتفاع. نشرح ما يستبدله كل عنصر، والميزتين اللتين ما زلنا نعاملهما كتحسين تدريجي.
المهام الخلفية على Vercel في 2026: كيف نختار بين waitUntil وQueues وWorkflow وCron
لم تقضِ البنية بدون خوادم على المهام الخلفية، بل قضت على المهام التي تستمر بعد إرسال الاستجابة دون إبلاغ بيئة التشغيل. نشرح الأدوات الأربع التي يستخدمها فريقنا لتأجيل التنفيذ على Vercel، ونوع الفشل الذي تتحمله كل أداة، وشرط الـidempotency الذي يفرضه التسليم مرة واحدة على الأقل.
تشغيل الكود المُولَّد بالذكاء الاصطناعي بأمان: ما تعلمناه من Vercel Sandbox
السماح لنموذج ذكاء اصطناعي بكتابة وتشغيل الكود الخاص به أصبح ميزة منتج حقيقية، وله نموذج تهديد حقيقي. إليكم كيف نعزل هذا التنفيذ باستخدام Vercel Sandbox بدلاً من تشغيله داخل Functions الخاصة بنا.
اختبار دون Jest: كيف نستخدم مشغّل اختبارات Node.js المدمج
يأتي Node.js بمشغّل اختبارات مدمج لا يحتاج اعتماديات ولا إعداداً. كيف يستخدم فريقنا node:test وnode:assert والمحاكاة المدمجة، ويشغّل اختبارات TypeScript دون خطوة بناء، وأين نبقي على Vitest.
إخراج JSON مُنمّط من النماذج اللغوية: كيف نستخدم generateObject وحزمة AI SDK
النماذج اللغوية تُعيد سلاسل نصية لا أنواعًا. هذه أنماط Vercel AI SDK التي يستخدمها فريقنا للحصول على JSON مُتحقَّق منه في كل مرة: generateObject للاستخراج، وstreamObject للواجهة التدريجية، وأنماط الإخراج الأربعة، والتعامل مع NoObjectGeneratedError كمسار شيفرة حقيقي.
تشغيل TypeScript مباشرة في Node.js: كيف استغنينا عن خطوة البناء للسكربتات
أصبح Node.js ينفّذ ملفات TypeScript مباشرة عبر إزالة الأنواع. هكذا نقل فريقنا السكربتات والإعدادات والمهام المجدولة إلى التشغيل المباشر، وكيف نُبقي الكود قابلاً للمحو بخيار erasableSyntaxOnly في TypeScript 5.8، ولماذا احتفظت خدمات NestJS لدينا بخطوة البناء.
AbortController خارج حدود fetch: أنماط الإلغاء التي نستخدمها في كل تطبيق React
طلبات fetch غير الملغاة لا تفشل بصوت عالٍ — بل تصل متأخرة وتستبدل الحالة الحديثة ببيانات قديمة. نشارك أنماط AbortController التي نستخدمها في كل تطبيق React: تنظيف useEffect و AbortSignal.timeout() و AbortSignal.any() وإزالة المستمعين بإشارة واحدة.
مفتاح واحد لكل النماذج: كيف نستخدم بوابة Vercel للذكاء الاصطناعي
أزلنا ثلاث حزم مزوّدين وثلاثة مفاتيح API بعد توجيه استدعاءات AI SDK عبر بوابة Vercel للذكاء الاصطناعي. إليك كيف يعمل التوجيه النصّي للنماذج، ومتى تستحق النماذج الاحتياطية، وما الذي تستبدله البوابة فعليًا.
WebSockets على Vercel Functions: تواصل مباشر بلا خادم منفصل
توقفنا عن تشغيل خادم WebSocket منفصل للميزات الفورية بعد أن بدأت دوال Vercel بدعمها بشكل أصلي على Fluid Compute. إليك كيف تعمل الترقية، ومتى تتفوق على SSE، وما هو منطق إعادة الاتصال الذي يبقى مسؤوليتك.
Middleware في Next.js عام 2026: حارسات المصادقة واختبارات A/B وما ينتمي إلى الحافة
واجهنا الخطأ ذاته عبر مشاريع متعددة: استعلامات قاعدة البيانات داخل middleware.ts تجعل كل طلب يدفع تكلفة رحلة ذهاب وإياب قبل تشغيل المسار. ملاحظات ميدانية حول الأنماط التي تنتمي إلى الحافة وتلك التي لا تنتمي.
ابقَ على اطّلاع
اشترك في نشرتنا البريدية للحصول على أحدث الرؤى حول تصميم وتطوير المواقع والتسويق الرقمي.