ويب · Next.js
الموقع الشخصي
موقع شخصي حديث ومتجاوب بوضع داكن وحركات سلسة، مبني بإطار Next.js ومنسّق بـ Tailwind CSS
- النوع
- ويب · Next.js
- الإصدار
- 2026
- الدور
- تصميم وتطوير
- التقنيات
- 4 تقنية
المشكلة
الحاجة إلى حضور مهني على الإنترنت لعرض المهارات والمشاريع.
الحل
موقع شخصي حديث ومتجاوب بوضع داكن وحركات سلسة، مبني بإطار Next.js ومنسّق بـ Tailwind CSS.
البنية المعمارية
تطبيق Next.js يعرض أقسام الموقع كموقع ثابت محسّن لمحركات البحث ومنسق بـ Tailwind CSS. تقود حالة السمة الوضعين الداكن والفاتح، ويوفر Framer Motion حركات الدخول والتفاعل، ويتولى EmailJS رسائل التواصل من المتصفح مباشرة.
بُني باستخدام
- JavaScript
- Next.js
- Tailwind CSS
- HTML
التحديات
- تقديم حركات Framer Motion سلسة دون الإضرار بالأداء.
- دعم سمة داكنة وفاتحة متقنة عبر كل الأقسام.
- ربط بريد التواصل من جهة العميل عبر EmailJS.
النتائج
- موقع محسّن لمحركات البحث بسمتين داكنة وفاتحة.
- تفاعلات دقيقة وحركات دخول عبر Framer Motion.
- تكامل تواصل عبر EmailJS منشور للعموم.