موقع Leviro التعريفي

هذا هو موقع Leviro، العلامة البرمجية التي أسسها عبد الرحمن دياب. يقرأ الزائر نبذة عن العلامة، ويتصفح صفحات المنتجات، ويرسل طلب تواصل. للعربية والإنجليزية مسارات مستقلة. تُعرض معلومات المنتجات من ملفات محتوى.

المشكلة

يحتاج الموقع التعريفي إلى شرح منتجات مختلفة دون الخلط بين حالاتها وجمهورها. ويحتاج كذلك إلى تصميم مناسب للعربية، وبيانات بحث تراعي اللغة، وطريق تواصل يعمل عند تعطيل JavaScript في المتصفح. يستخدم موقع Leviro بنية محتوى مشتركة لتفاصيل المنتجات، ويقدم نسختي اللغة من صفحات مبنية مسبقاً.

الميزات الأساسية

• تقدم مسارات اللغة صفحات رئيسية وصفحات للمنتجات والنبذة والتواصل والمستندات القانونية والأخطاء بالعربية والإنجليزية.
• تُنشأ صفحات المنتجات من مدخلات محتوى تحدد الحالة والجمهور والميزات وخطوات العمل والأسئلة الشائعة وروابط الإجراء.
• تحول الصفحة الجذرية الزائر بحسب تفضيل Accept-Language في المتصفح، وتختار العربية عند غياب تفضيل مناسب.
• تدعم روابط canonical وhreflang وخريطة الموقع والبيانات المنظمة اكتشاف الصفحات.
• يتحقق نموذج التواصل من المدخلات في المتصفح وعلى الخادم.
• يعمل النموذج أيضاً دون JavaScript، ثم يحول المستخدم إلى صفحة نجاح أو خطأ بلغته.
• تُرسل الطلبات المقبولة إلى Telegram بعد التحقق.
• يراجع مدقق محلي الصفحات الناتجة وأنماط المصدر بحثاً عن مشكلات البيانات الوصفية والموارد واتجاه العربية.

البنية التقنية

يبني Astro الصفحات المحلية من مجموعات محتوى Markdown وMDX وYAML. تُستخدم TypeScript وTailwind CSS لبناء الواجهة. يقدم Express الملفات الناتجة، ويختار لغة المسار الجذري، ويعالج واجهة التواصل البرمجية. يتحقق مسار التواصل من الحقول ومصدر الطلب وحقل مصيدة الرسائل الآلية، ثم يطبق حد طلبات لكل عنوان IP في الذاكرة، ويرسل الرسائل المقبولة إلى Telegram. توفر دالة مشتركة روابط اللغات البديلة لبيانات الصفحات وخريطة الموقع.

نقاط هندسية

• ترفض مخططات مجموعات المحتوى بيانات المنتجات والصفحات غير الصحيحة أثناء البناء.
• يضبط خادم Express سياسة أمن المحتوى وترويسات حماية أخرى.
• يمنع محلل إعداد الثقة بالوسيط إعدادات عناوين إعادة التوجيه غير الآمنة، والتي قد تضعف تحديد معدل الطلبات.
• يفحص تدقيق المصدر والموقع الناتج اتجاه العربية وبيانات اللغات.