الانتقال إلى المحتوى الرئيسي
كل الأعمال
  • استوديو ذكاء اصطناعي
  • صورة وفيديو وصوت
  • فوترة بالرصيد

Glovpix

القطاع
الذكاء الاصطناعي الإبداعي
سُلّم في شكل
  • تطبيق ويب
اللغات
EN

“One bar. Every tool.”

(المشروع)

استوديو محتوى بالذكاء الاصطناعي يولّد فيه العملاء الصور والفيديوهات والمقاطع الصوتية ويعدّلونها، ويبدّلون الوجوه والخلفيات أو يحرّكون الصور، من واجهة واحدة بفوترة قائمة على الرصيد ولوحة إدارة تتحكّم في الأدوات والأسعار.

(السياق)

كل النماذج، في استوديو واحد.

يجمع Glovpix تحويل النص إلى صورة، والصورة إلى صورة، والنص والصورة إلى فيديو، وتعديل الفيديو، ومزامنة الشفاه، والتجربة الافتراضية للملابس، وتكبير الصور، وأدوات الخلفية، وتحويل النص إلى كلام في استوديو واحد، مع مساعد يقترح أوامر جاهزة.

تتواصل واجهة Next.js فقط مع API من Laravel تتولّى الحسابات والرصيد والأسعار وكل استدعاء لمزوّد النماذج. لا يحمل المتصفح أي بيانات اعتماد، ولا يتواصل مع النماذج مباشرة أبدًا.

(أرقام أساسية)

أداة إبداعية
18
وسائط: صورة، فيديو، صوت
3
نماذج لتحويل النص إلى صورة
7
سلسلة توليد مشتركة
1

القرارات التي صنعت المشروع

  1. المتصفح لا يرى أي بيانات اعتماد

    تمرّر server actions كل طلب إلى الـ API برمز محفوظ في ملف تعريف ارتباط httpOnly، وتنقل عنوان IP الحقيقي لتبقى الحدود خاصة بكل شخص.

    الأمن بالتصميم

  2. سلسلة واحدة لكل الأدوات

    تتبع كل أداة المسار نفسه: حجز الرصيد، ثم وضع المهمة في القائمة مع webhook، ثم إقفالها مرة واحدة فقط، أيًّا كان الأسبق بين الـ webhook واستعلام المتصفح.

    فوترة متّسقة

  3. تصفّح حرّ، والدخول عند الإنشاء

    يفتح الزوار كل الأدوات بحرية، ولا يُطلب تسجيل الدخول إلا عند التوليد أو الرفع أو الحفظ.

    احتكاك أقل

  4. الأدوات والأسعار من لوحة الإدارة

    يفعّل المسؤولون الأدوات والمحرّكات، ويحدّدون عدد الصور، ويعدّلون جداول الأسعار دون لمس شيفرة الاستوديو.

    تحكّم تشغيلي

(كيف يعمل)

سلسلة التوليد

  1. الحجز

    يصل الطلب إلى الـ API التي تحجز الرصيد من حساب العميل قبل أي عملية مدفوعة.

  2. القائمة

    تُرفع الملفات وتوضع المهمة في قائمة مزوّد النماذج مع عنوان webhook.

  3. إقفال واحد

    يستعلم المتصفح كل بضع ثوانٍ بينما قد يصل الـ webhook من جهته، والأسبق يُقفل المهمة بشكل ذرّي.

  4. الحفظ

    تنضمّ النتيجة إلى إبداعات العميل، ويُخصم الرصيد نهائيًا أو يُستردّ عند الفشل.

داخل المشروع

لقطات من النسخة المُسلَّمة، مجمّعة حسب المنتج. اختاروا لقطة لعرضها بحجمها الكامل.

التقنيات

الواجهة الأمامية
  • Next.js 16
  • React 19
  • TypeScript 5
  • Tailwind CSS 4
  • Framer Motion
الواجهة الخلفية
  • Laravel 12
  • PHP 8.2
  • Sanctum
  • Database queue
نماذج الذكاء الاصطناعي
  • fal.ai
  • Flux
  • Kling
  • MiniMax
  • ElevenLabs
  • Google Cloud AI
الحركة
  • GSAP
  • React Three Fiber

(المشروع التالي)

Take Your Driver

التنقّل

قد يكون مشروعكم النظام التالي الذي نبنيه.

حدّثونا عن مشروعكم