الكتابة والتفكير

أفكار تستحق التنفيذ.

كتابة تقنية حول هندسة الأداء، Next.js، تطوير Shopify، تصميم الأنظمة، والواقع الفوضوي لبناء البرمجيات عند التوسع.

8 مقالات

الكل

7 articles
Aerial view of congested multi-lane highway traffic at dusk.
Web Performance·Jun 14, 2026

أسرع سكربت تابع لجهة خارجية هو الذي لا يعمل أبداً

الخادم سريع والصفحة تبدو معطوبة. كيف خرّبت تضمينات الجهات الخارجية مقياسي LCP وTBT، وأنماط التحميل الكسول والواجهة الزائفة التي أصلحت ذلك.

PerformanceCore Web VitalsJavaScript+2
Miracle KaluMiracle Kalu
A clean diagram showing data flowing from server to browser in a modern React application.
هندسة الواجهة الأمامية·Jun 13, 2026

توقف عن استخدام useEffect لجلب البيانات: دليل المهندس الأول للمكونات الخادمية

لماذا يجب أن يكون جلب البيانات من جانب الخادم هو الافتراضي في Next.js App Router، ومتازل يفوز جلب العميل، وكيفية الهجرة دون إعادة كتابة شاملة.

ReactNext.jsServer Components+2
Miracle KaluMiracle Kalu
A glowing network of connected nodes representing vector embeddings and semantic similarity.
هندسة الذكاء الاصطناعي·Jun 13, 2026

بناء محرك مقالات ذات صلة باستخدام التضمينات المتجهية: تصميم جاهز للإنتاج

كيف استبدلنا التوصيات المعتمدة على الوسوم بخط أنابيب تضمينات متجهية مخزن مؤقتًا، والمقايضات الإنتاجية التي تعلمناها بطريقة صعبة.

Vector embeddingsRecommendationsRedis+2
Miracle KaluMiracle Kalu
A developer typing a structured prompt into an AI coding assistant on a clean desk.
هندسة الذكاء الاصطناعي·Jun 13, 2026

فن الـ One-Shot Prompt: كيف أحصل على مسودات مفيدة من المحاولة الأولى

إطار عمل من مهندس أول لكتابة موجهات one-shot تنتج مسودات قوية وتقلّل جولات المراجعة إلى النصف.

Prompt engineeringAI-assisted codingTypeScript+2
Miracle KaluMiracle Kalu
Rows of server racks in a modern data center with blue lighting
هندسة الأداء·Jun 13, 2026

كيف قلّصنا مؤشر LCP من 4.5 ثانية إلى أقل من 2.5 ثانية على موقع تحريري باستخدام Next.js 16

حلّ LCP بـ 4.5 ثانية على موقع تحريري بـ Next.js 16. واجهة لمشغّل الفيديو وإصلاح عرض الخادم وتخزين Cloudflare المؤقت رفعت Lighthouse من 79 إلى التسعينيات.

Next.jsCore Web VitalsCloudflare+3
Miracle KaluMiracle Kalu
Abstract visualization of flowing data through a distributed event-driven pipeline
هندسة البرمجيات·Jun 13, 2026

هندسة الحدث الموجهة في الإنتاج: دروس من خط أنابيب طلبات عالي الإنتاجية

دروس عملية من ترحيل معالج طلبات أحادي إلى خط أنابيب موجه بالأحداث يعالج ملايين الأحداث يوميًا.

event-driven architecturedistributed systemsmicroservices+2
Miracle KaluMiracle Kalu
مطور يراجع تخصيصات صفحة الدفع في Shopify على شاشات متعددة.
تطوير Shopify·Jun 13, 2026

لماذا قمنا بترحيل صفحة الدفع في Shopify من اختراقات Liquid إلى Checkout Extensibility

استبدلنا 2,400 سطر من تخصيصات checkout.liquid بـ Shopify Checkout Extensibility. إليه ما تعطل، وما تعلمناه، ولماذا سنكرر ذلك.

shopifycheckoutliquid+3
Miracle KaluMiracle Kalu