Garden Touch

المنصة: موقع ويب متكامل (Full-stack Web Application) لشركة تنسيق حدائق.

عن المشروع:

واجهة رقمية فاخرة لشركة رائدة في مجال تنسيق الحدائق والمساحات الخضراء بالرياض. تم بناء المشروع ليكون أكثر من مجرد موقع تعريفي؛ فهو منصة تسويقية متكاملة تركز على تجربة المستخدم (UX)، السرعة الفائقة، والظهور القوي في محركات البحث.

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

الإطار العملي: React مع TanStack Start (أحدث تقنيات الـ Full-stack لتقديم SSR حقيقي).

المحرك السحابي: Nitro Engine لضمان استجابة السيرفر في زمن قياسي.

التنسيق: Tailwind CSS v4 لتقديم تصميم عصري بلمسات فنية متقدمة.

الأدوات: Vite, Lucide Icons, Framer Motion (للأنيميشن السلس).

التحديات والحلول التقنية:

بنية الـ SSR: تم تنفيذ نظام Server-Side Rendering متكامل لضمان أرشفة فورية لصفحات الموقع في محركات البحث.

تحسين الأداء: الوصول لنتائج مبهرة في تقرير Lighthouse (درجة 100/100 في الـ SEO والـ Best Practices) من خلال تحسين أوزان الصور واستخدام تقنيات الـ Preloading.

الانتشار الجغرافي: دمج نظام Schema.org (JSON-LD) لتعريف النشاط التجاري محلياً (Local SEO)، مما يزيد من فرص ظهور الشركة للعملاء في منطقة الرياض.

النشر الآلي: إعداد بنية تحتية متطورة على Vercel تدعم الـ Serverless Functions للتعامل مع العمليات البرمجية بمرونة عالية.

المميزات الرئيسية:

تصميم متجاوب بالكامل (Fully Responsive) مع كافة الأجهزة.

نظام أنيميشن تفاعلي (Scroll-triggered Animations) يزيد من بقاء الزائر في الموقع.

سرعة تحميل خارقة تعزز من تجربة المستخدم وتقلل من معدل الارتداد.

هيكلية برمجية نظيفة (Clean Code) قابلة للتوسع المستقبلي.