How To Make It
مقالات عملية مرتبة حسب المجال والمستوى، اختر المجال المناسب واقرأ من مستوى مبتدئ إلى محترف.
اعمل Webhook Receiver يمنع الدفع المزدوج بـ Idempotency في 70 سطر
بوابات الدفع بتعيد إرسال نفس الـ webhook لو ماردتش بسرعة، فالعميل ممكن يتحاسب مرتين. دليل تنفيذي للمتوسط يبني نقطة استقبال webhook مضمونة بـ idempotency key وقيد فريد في PostgreSQL، بكود Node.js + Stripe قابل للنسخ، أرقام مقاسة، trade-offs، ومتى الطريقة دي مش الحل.
اعمل رفع ملفات مباشر على S3 بـ Presigned URLs بدون ما يمر على سيرفرك
لو رفع الصور في تطبيقك بيمر على سيرفرك الأول وبيستهلك الـ RAM والـ bandwidth، الـ Presigned URL بيخلّي المتصفح يرفع الملف على S3 مباشرة. دليل تنفيذي للمتوسط بكود Node.js وفرونت إند قابل للنسخ، إعداد CORS، أرقام مقاسة (10GB/يوم اتشالت عن السيرفر، زمن المعالجة من 1.8s لـ 15ms)، trade-offs، ومتى متستخدمش الطريقة دي.
اعمل بحث عربي ذكي في PostgreSQL بدون Elasticsearch — استعلام في 12ms على 38K منتج
لو متجرك العربي بيستخدم SQL LIKE وبياخد 1.8 ثانية للبحث وميرجعش "موبايل" لو المستخدم كتب "موبيل"، انت مش محتاج Elasticsearch. tsvector و GIN index في PostgreSQL بينزّلوا الاستعلام لـ 12ms ويرفعوا recall من 54% لـ 91%، مع دعم المرادفات والحركات. دليل تنفيذي للمتوسط بـ 4 خطوات قابلة للنسخ، أرقام مقاسة من متجر بـ 38K منتج، 4 trade-offs خفية، ومتى Elasticsearch لسه أنسب.
اعمل Self-hosted Plausible Analytics للمتوسط: بديل Google Analytics بـ €4 شهرياً في 20 دقيقة
دليل تنفيذي للمتوسط لتركيب Plausible Community Edition على VPS بـ Docker Compose في 20 دقيقة. بديل خفيف لـ Google Analytics بحجم سكربت 1KB، بدون cookies، وبتكلفة €4.51 شهرياً على Hetzner CX22. مع شرح علمي من توثيق Plausible الرسمي، خطوات قابلة للنسخ، أرقام مقاسة من 90 يوم تشغيل، و 4 trade-offs خفية تظهر في الإنتاج.
اعمل OG Image دايناميكي بـ Satori على Cloudflare Workers في 80 سطر
المصمم بيقعد 12 ساعة أسبوعياً يصمم صور Open Graph يدوياً. Satori على Cloudflare Workers بيخلّيها تتولّد لحظياً من URL parameters بـ 80 سطر TypeScript، 47 مللي ثانية cold start، وبصفر تكلفة تحت 100K طلب يومياً. دليل تنفيذي للمتوسط بمثال المطبعة للمبتدئ، شرح علمي لـ Yoga layout و resvg-wasm، كود كامل قابل للنسخ على wrangler 3.x، أرقام مقاسة من 90 يوم إنتاج على blog عربي بـ 38K زيارة شهرياً، 4 trade-offs خفية في CSS subset والـ fonts والـ cache invalidation، ومتى Puppeteer لسه الاختيار الأنسب.
اعمل MCP Server بـ Python للمتوسط: خلّي Claude يستعلم على SQLite بتاعك في 80 سطر
لو بتنسخ بيانات من SQLite بإيدك وتلصقها في Claude كل مرة، Model Context Protocol بيخلّي Claude يفتح الـ DB ويستعلم مباشرةً. مقال للمتوسط بمثال موظفي المكتب وتعريفين علميين من توثيق Anthropic و JSON-RPC 2.0، سيرفر Python كامل في 80 سطر شغّال على mcp-sdk 1.2 و aiosqlite 0.20، خطوات تركيب على Claude Desktop، أرقام مقاسة على 200 استعلام (دقة اختيار الـ tool 96.5%، متوسط latency 1.4 ثانية)، 4 trade-offs خفية، ومتى MCP بيكون مبالغة هندسية.
اعمل Real-time Dashboard بـ Server-Sent Events في Node.js — بديل WebSocket في 60 سطر
لو dashboard المراقبة بياخد polling كل ثانية و 800 مستخدم مفتوحينه، السيرفر بياخد 800 طلب/ثانية مالهومش لزمة. Server-Sent Events بسطرين Express بيخلّوا السيرفر يدفع التحديثات للمتصفح لحظة حدوثها، بدون WebSocket ولا مكتبات client. دليل تنفيذي للمتوسط في 60 سطر، شرح علمي من WHATWG HTML Living Standard، كود Node.js 22 + Express 5 شغّال، أرقام مقاسة على Hetzner CPX21 (الـ CPU من 47% لـ 2.1%، الـ bandwidth -92%)، 4 trade-offs خفية، ومتى SSE اختيار غلط.
Cloudflare Tunnel للمتوسط: افتح خدمتك المحلية للعالم بدون Port Forwarding في 6 دقائق
دليل تنفيذي للمتوسط لإعداد Cloudflare Tunnel على Raspberry Pi أو لاب توب — افتح خدمتك للإنترنت بدون port forwarding ولا VPN ولا IP عام مكشوف، مع أرقام مقاسة من 60 يوم إنتاج، 4 trade-offs خفية، ومتى الطريقة دي مش الحل أصلاً.
Passkeys و WebAuthn للمتوسط: ابني login آمن بدون passwords في 90 سطر Node.js
دليل تنفيذي للمتوسط لاستبدال كلمة المرور بـ Passkey واحدة باستخدام WebAuthn. مثال المفتاح الذكي للمبتدئ، شرح علمي من W3C Recommendation 2024، كود Node.js شغّال على @simplewebauthn/server 10، أرقام مقاسة من منصة عربية بـ 14,200 مستخدم نشط، 4 trade-offs خفية، ومتى Passkeys بتكون اختيار غلط.