WEB-01 موقع مباشر

ميرامار — موقع أعمال ثنائي اللغة

موقع مباشر بالإنجليزية والتركية لمورّد مواد بناء في إسطنبول: Next.js ساكن أولًا، ومشهد ثلاثي الأبعاد انتقائي ببديل ثابت، وحزمة اختبارات Playwright.

الدور
عمل فردي — التصميم والبناء والنشر
الفترة
2025 – حتى الآن
التقنيات
Next.js 16 · React 19 · TypeScript · Tailwind 4 · React Three Fiber · Playwright
روابط
شكل 05.0 لقطة شاشة للواجهة الموقع المباشر على tr-miramar.com — Next.js ثابت أولًا بالإنجليزية والتركية.

ملخص لمسؤولي التوظيف

المشكلة
احتاج مورّد مواد بناء في إسطنبول حضورًا رقميًا موثوقًا ثنائي اللغة: كتالوج معدات حقيقي، ونموذج تواصل لطلبات عروض الأسعار، وتكافؤ كامل بين الإنجليزية والتركية.
مساهمتي
صممتُ الموقع كاملًا وبنيته ونشرته بمفردي — طبقة محتوى منمّطة، وحدود موثقة بين الخادم والعميل، ومشهد ثلاثي الأبعاد واحد مقصود ببديل ثابت.
النتيجة
مباشر على tr-miramar.com مع حزمة اختبارات Playwright ناجحة في CI، ووثائق للبنية و SEO وإمكانية الوصول وقواعد انضباط المحتوى.
الصفحة الرئيسية لموقع ميرامار على سطح المكتب: الترويسة والخدمات والقطاعات
الصفحة الرئيسية لموقع ميرامار على الهاتف مع قائمة التنقل المدمجة
لقطة شاشة للواجهة الواجهتان المكتبية والمحمولة من توثيق المستودع — الموقع مباشر على tr-miramar.com بالإنجليزية والتركية.
مشهد ثلاثي الأبعاد توضيحي من الصفحة الرئيسية — صناعي بأسلوب معماري
صورة مُولَّدة توضيحية المشهد الثلاثي الأبعاد الوحيد المتعمد في الموقع — مع بديل ثابت موثق، وليس صورة فوتوغرافية.

ما هو

الموقع العام لشركة ميرامار، مورّد في إسطنبول لمواد البناء وتجهيز المواقع — مواد، وأنظمة كهروميكانيكية، ومضخات — مع مبدّل لغة إنجليزي/تركي، وكتالوج معدات بمرشحات، ونموذج تواصل لطلبات عروض الأسعار مُتحقق منه عبر react-hook-form و Zod.

خيارات هندسية

App Router ساكن أولًا بحدود موثقة بين الخادم والعميل؛ وطبقة محتوى منمّطة بدل النصوص المبعثرة؛ ومشهد React Three Fiber واحد مقصود في الصفحة الرئيسية مع بديل ثابت موثق بدلًا من ثلاثي الأبعاد في كل مكان. وتغطي الوثائق البنية والتصميم والمكونات والنشر و SEO/إمكانية الوصول — مع قاعدة انضباط صريحة: لا عملاء ولا شهادات ولا ادعاءات أداء مخترعة.

الجودة

حزمة Playwright تعرض المسارات الستة كلها، وتختبر قائمة الجوال، وتبديل اللغة، ومرشح المعدات، وتحقق نموذج التواصل. ومعالم دلالية، وحقول موسومة، ودعم تقليل الحركة، وحلقات تركيز، وخريطة موقع مولّدة، وبيانات Open Graph، وصفحة 404 مخصصة. والاختبارات تعمل في GitHub Actions مع كل دفعة (ناجحة حتى يوليو 2026)، والكود مرخّص برخصة MIT.

الأدلة