تطبيق كامل بأدوات Google المجانية

ما هذا

قالب مجاني خطوة بخطوة من ريلز طه — الأدوات والـ prompts والروابط بالضبط، مرتّبة لتتابع معها وتُطلق تطبيقك. علّق بالكلمة المفتاحية على الريل ويصلك أيضًا في رسائلك الخاصة.

مرحبًا! 👋 إليك ما وعدتك به:

تعطيك Google pipeline كاملًا، من الـ design إلى الـ backend. إليك الخطوات واحدة بواحدة — كل ما تحتاجه هو حساب Google.

1. Stitch — صف فكرة تطبيقك بكلام عادي فيصمم لك الـ screens. يمكنك أن تعطيه references (من Pinterest مثلًا) ليطابق الـ style الذي تريده.

🔗Stitchhttps://stitch.withgoogle.com

2. Google AI Studio — صدّر الـ screens من Stitch إلى AI Studio، ووضع Build فيه يحوّلها إلى تطبيق يعمل بـ code حقيقي.

🔗AI Studiohttps://aistudio.google.com 🔗Docs الخاصة بـ Build modehttps://ai.google.dev/gemini-api/docs/aistudio-build-mode

3. Antigravity — الـ coding agent من Google. أصبح يعمل داخل Build mode في AI Studio، ويوجد أيضًا كتطبيق desktop مجاني إن أردت أن تكمل العمل على الـ code في حاسوبك.

🔗Antigravityhttps://antigravity.google 🔗الخططhttps://antigravity.google/pricing

4. Firebase — الـ backend: الـ login (Firebase Authentication) والـ database (Cloud Firestore)، حتى يعمل تطبيقك فعلًا ولا يبقى مجرد design. وAI Studio فيه integration مدمج مع Firebase.

🔗Firebasehttps://firebase.google.com 🔗الأسعارhttps://firebase.google.com/pricing 🔗إعلان Google (AI Studio + Antigravity + Firebase)https://blog.google/innovation-and-ai/technology/developers-tools/full-stack-vibe-coding-google-ai-studio/

الـ flow

في Stitch، صف تطبيقك وولّد الـ screens.
صدّر الـ screens إلى AI Studio واضغط Build.
اطلب من الـ Antigravity agent في Build mode أن يضيف login وdatabase بـ Firebase.
جرّب التطبيق، ثم واصل تحسينه بالـ prompts.

بخصوص "مجاني": وقت كتابة هذا، Firebase فيه خطة Spark بدون تكلفة مع حدود استعمال يومية — وفوقها تنتقل إلى خطة Blaze حسب الاستعمال (pay-as-you-go). خطة Antigravity للأفراد بـ 0$ مع rate limits أسبوعية، وAI Studio وStitch فيهما استعمال مجاني بحدود. تحقّق من صفحة الأسعار لكل واحد قبل الـ launch.

Supabase يعمل أيضًا كـ backend — Firebase فقط هو الأنسب لهذا الـ pipeline الخاص بـ Google. ولا تخلط بين Firebase وFirebase Studio، وهو منتج آخر أصبح deprecated.

الـ code الذي يولّده الـ AI نقطة بداية: راجعه وجرّبه قبل أن تضع عليه مستخدمين حقيقيين.