My Portfolio
موقع شخصي عالي الأداء يجمع بين الحركات المتقنة، والدعم الكامل متعدد اللغات، ونظام تصميم متقن يعمل بسلاسة في الوضعين الداكن والفاتح.
التقنيات المستخدمة :
المشكلة
مواقع المطورين غالباً تُضحي بالأداء لأجل التعقيد البصري، أو تُجرّد الشخصية سعياً للسرعة.
التوازن بين موقع سريع التحميل، متعدد اللغات، وواضح العرض — يتطلب قرارات معمارية مدروسة.
الحل
موقع شخصي يجمع بين الجماليات والدقة الهندسية:
- تجربة سريعة — تحميل شبه فوري
- حركات سلسة — بدون تأثير على الأداء
- تدويل كامل — عربي وإنجليزي مع RTL
- نظام تصميم متسق — يعمل في الوضعين الداكن والفاتح
التنفيذ التقني
البنية الأساسية
مبني على Next.js 16 مع App Router و React 19.
التقنيات الرئيسية
- Turbopack — تطوير سريع شبه فوري
- next-intl — تدويل مع تبديل RTL تلقائي
- Framer Motion + GSAP + Lenis — حركات متعددة الطبقات
- Radix UI — مكونات متاحة وقابلة للتخصيص
- Zustand — إدارة حالة بسيطة بدون تعقيد
التصميم
نظام تصميم يستخدم متغيرات CSS للتنسيق المتسق. البيانات الوصفية لـ SEO تُنشأ تلقائياً مع صور Open Graph.
المحتوى
يُدار عبر MDX — أوصاف غنية مع الحفاظ على فوائد التوليد الثابت.
Sentry يوفر تتبع أخطاء الإنتاج بدون تأثير على الحزمة.
النتيجة
الموقع يُظهر هندسة الواجهة الأمامية على مستوى متقدم:
- تحسين الأداء
- بنية التدويل
- تنسيق الحركات
- الاهتمام بتجربة المطور
يعمل كقطعة عرض وقالب لتطبيقات Next.js عالية الجودة.