معرض أعمال معماري تفاعلي عالي الأداء | Next.js 15 & TypeScript

نبذة عن المشروع: قمت بتصميم وتطوير موقع بورتفوليو (Portfolio) متكامل لمكتب استشارات معمارية، بهدف عرض المشاريع الهندسية (السكنية والفندقية) بطريقة تعكس الفخامة والدقة. تم بناء الموقع باستخدام أحدث تقنيات الويب لضمان سرعة تصفح فائقة وتجربة مستخدم سلسة.

أبرز المميزات التقنية:

- الأداء والسرعة: بناء الموقع باستخدام Next.js 14 (App Router) للاستفادة من الـ Server Components وضمان تحميل الصفحات في أجزاء من الثانية.

- التفاعلية والأنيميشن: استخدام مكتبة Framer Motion لإضافة تأثيرات بصرية احترافية عند التمرير (Scroll Reveal) وتفاعلات ناعمة تضفي طابعاً عصرياً.

- تصفح ديناميكي: نظام توجيه (Dynamic Routing) لإنشاء صفحات مستقلة لكل مشروع هندسي تلقائياً مع روابط مخصصة (SEO-Friendly URLs).

- التجاوب الكامل: تصميم Mobile-First يعمل بكفاءة على جميع الشاشات (الهواتف، الأجهزة اللوحية، والشاشات الكبيرة).

- تحسين محركات البحث (SEO): تهيئة كاملة للأرشفة تشمل Meta Tags ديناميكية، و Open Graph للمشاركة على السوشيال ميديا، و Sitemap.

التقنيات المستخدمة (Tech Stack):

- إطار العمل:Next.js 15.

- لغة البرمجة: TypeScript (لضمان كود نظيف وخالٍ من الأخطاء - Type Safety).

- الواجهة: React 18 & CSS Modules.

- الرسوم المتحركة: Framer Motion.

النتيجة: موقع سريع، آمن، وقابل للتطوير، يعرض أكثر من 6 مشاريع معمارية كبرى بتفاصيل دقيقة وصور عالية الجودة مع الحفاظ على سرعة التحميل.