hypemy

بناءً على الملفات والكود المعروض، سأوضح لك نوع العمل وخصائصه وكيفية تشغيله:

نوع المشروع

هذا مشروع موقع وكالة تسويق رقمي يُسمى "Hypefy" وهو تطبيق ويب هجين يجمع بين:

موقع تسويقي ثابت مبني على قالب Webflow

تطبيق ويب حديث مبني بتقنيات React و Express.js

الخصائص الرئيسية

1. الواجهة الأمامية (Frontend)

React SPA مع TypeScript و Vite

تصميم Neubrutalism بألوان جريئة وخطوط قوية

دعم متعدد اللغات (الإنجليزية، الإسبانية، الفرنسية، الألمانية، الإيطالية، اليابانية، الكورية)

مكونات UI من Radix UI و shadcn/ui

تصميم متجاوب يعمل على جميع الأجهزة

2. الواجهة الخلفية (Backend)

خادم Express.js مع TypeScript

قاعدة بيانات PostgreSQL مع Drizzle ORM

API RESTful لإدارة المحتوى

نظام تخزين مجرد للتطوير

3. المحتوى المُدار

مقالات المدونة مع تصنيفات ومسارات URL

دراسات الحالة لعرض أعمال العملاء

شهادات العملاء مع التقييمات ومعلومات الشركة

كيفية التشغيل

الأوامر الأساسية

هيكل التشغيل

خادم Express يخدم API والملفات الثابتة

Vite للتطوير مع Hot Module Replacement

PostgreSQL لتخزين البيانات

نظام الجلسات مع connect-pg-simple

الصفحات المتاحة

الصفحة الرئيسية (/)

حول (/about)

الخدمات (/services)

دراسات الحالة (/case-studies)

المدونة (/blog)

الأسعار (/pricing)

التواصل (/contact)

الميزات التقنية

تصميم هجين: يجمع بين الملفات الثابتة الأصلية وتطبيق React الحديث

تحسين محركات البحث: مع meta tags ومسارات محسنة

أمان: middleware للمصادقة وحماية CSRF

أداء: تحسين الاستعلامات وإدارة الحالة مع TanStack Query

المشروع مُهيأ للعمل في بيئة Replit ويدعم النشر المباشر مع إعدادات الإنتاج المحسنة