ملاحظات من الميدان
المدونة
ملاحظات حول بناء المواقع والمنتجات: التطوير والتصميم وتحسين محركات البحث والإطلاق.
عدد المقالات: 13
علامة رامن بُنيت حول قطة واحدة، من الشعار إلى موقع حيّ
قطة سوداء بنظرة شاردة قليلًا صارت علامة رامن كاملة، ثم موقعًا بثلاث لغات تأكل فيه النودلز بلا توقف. الشعار، والهوية البصرية، وClaude Design، وClaude Code، وHiggsfield، وRailway.
بنيتُ متجرًا إلكترونيًا مع Claude، من التصميم حتى الإطلاق
علامة بخور تبتية، من البداية إلى النهاية بالذكاء الاصطناعي. الشعار والتغليف، ومتجر على Payload، والدفع عبر PayPal، والمهام غير اللامعة التي تحوّل واجهة العرض إلى متجر حقيقي.
أعدتُ بناء موقعي بالذكاء الاصطناعي في أسبوع
الوقوف على الغيوم، والسقوط عبر السماء، والطفو بالبالونات، ونافذة على مكان عملي. كيف اكتمل الموقع الجديد، والأفكار التي لم تصل إلى النهاية.
كم تكلفة بناء منتج أولي (MVP)؟ تفصيل عملي
ما الذي يحدد فعلًا تكلفة المنتج الأولي القابل للتطبيق، وكيف تقدّرها بالساعات قبل أن تتحدث مع أي أحد، وأين ينفق المؤسسون أكثر من اللازم.
كيف تكتب ملخّصًا لموقعك الإلكتروني (مع قالب مجاني)
ملخّص لموقع إلكتروني يجلب عروض أسعار دقيقة وقابلة للمقارنة من الجولة الأولى. ما يجب أن يتضمنه، وما يجب أن تتركه، وقالب جاهز للنسخ.
التصدير الثابت في Next.js (output: 'export'): الدليل الكامل
كيف يعمل التصدير الثابت في Next.js مع App Router، وما لا يستطيع فعله، والحلول البديلة للصور والمسارات الديناميكية والنماذج وإعادة التوجيه.
تحسين محركات البحث تقنيًا في Next.js App Router: قائمة عملية
البيانات الوصفية، والروابط الأساسية (canonical)، وخرائط الموقع، وملف robots.txt، والبيانات المنظمة، وhreflang، ومؤشرات أداء الويب في Next.js App Router، مع شيفرة جاهزة للنسخ.
مدونة Markdown في Next.js دون نظام إدارة محتوى أو قاعدة بيانات
مدونة كل مقالة فيها ملف Markdown في مستودع Git الخاص بك. البيانات الوصفية (Front Matter)، وتلوين الشيفرة، والصور، والفيديو، والصفحات الثابتة باستخدام Next.js App Router.
نموذج تواصل بلا خوادم باستخدام Cloudflare Workers وD1
امنح موقعك الثابت نموذج تواصل يعمل فعلًا باستخدام Cloudflare Worker وقاعدة بيانات D1 وحماية Turnstile من الرسائل المزعجة وإشعارات فورية. على الخطة المجانية، مع الشيفرة كاملة.
مؤشرات أداء الويب الأساسية للمواقع المتحركة: اجتياز LCP وINP وCLS
كيف تحتفظ بحركات التمرير وWebGL والفيديو في موقعك وتجتاز مع ذلك مؤشرات أداء الويب الأساسية (Core Web Vitals). الأسباب المحددة لبطء LCP وINP وCLS، وطرق إصلاحها.
