Yusuf Khalidd

Posted on Mar 20 • Originally published at apidog.com

كيفية بناء تطبيق متكامل مجانًا في عام 2026 (بدون بطاقة ائتمان)

TL;DR (المختصر المفيد)

يمكنك بناء ونشر تطبيق full-stack متكامل الواجهة الخلفية والأمامية في 2026 دون إنفاق دولار واحد. باستخدام تجربة البرمجة الجديدة "فايبر" في Google AI Studio (الطبقة المجانية)، مع وكيل Antigravity، وFirebase المجاني، ستحصل على تطبيق عامل مع مصادقة وقواعد بيانات واستضافة بتكلفة صفرية. هذا الدليل يريك الخطوات العملية للقيام بذلك.

جرب Apidog اليوم

مقدمة

بناء تطبيق كامل كان يتطلب بطاقات ائتمان متعددة بين Vercel، Supabase، Auth0، وغيرها. كل خدمة بطبقتها المجانية وحدودها المعقدة.

جوجل غيرت اللعبة: في 19 مارس 2026، أطلقت Google AI Studio تجربة برمجة جديدة "فايبر" تجمع التوليد المجاني للكود، مع Firebase والاستضافة، دون الحاجة لأي بطاقة ائتمان.

ستبني: تطبيق متعدد اللاعبين في الوقت الفعلي مع مصادقة وقاعدة بيانات واستضافة مباشرة.

التكلفة: 0 دولار.

الوقت المطلوب: 1-2 ساعة.

بطاقة ائتمان: غير مطلوبة.

💡أدوات الذكاء الاصطناعي مثل Google AI Studio تسرع توليد الأكواد، لكن تطوير واجهات برمجة التطبيقات (API) يحتاج لاختبار وتوثيق حقيقي. استخدم Apidog لتصميم واختبار وتوثيق API مجانًا قبل التنفيذ. صمم المخطط في Apidog، أنشئ خوادم Mock للواجهة الأمامية، ثم اختبر الواجهة الخلفية التي تولدها AI مقابل المواصفات.

حزمة عام 2026 المجانية: ماذا ستحصل عليه؟

توزيع الطبقة المجانية

الخدمة	حدود الطبقة المجانية	ما تحصل عليه
Google AI Studio	60 طلب/دقيقة، 1M توكن/يوم	تجربة برمجة Vibe، وكيل Antigravity
Firebase Authentication	10 آلاف مستخدم نشط شهريًا	مصادقة بالبريد/جوجل/GitHub
Cloud Firestore	1 جيجابايت تخزين، 50 ألف قراءة/يوم	قاعدة بيانات في الوقت الفعلي
Firebase Hosting	10 جيجابايت تخزين، 360 ميجابايت/يوم	CDN عالمي لواجهتك الأمامية
Cloud Functions	2 مليون استدعاء/شهر	منطق خلفي بلا خادم
Antigravity Agent	مضمن مع AI Studio المجاني	بناءات مستمرة وتعديلات متعددة الخطوات

ماذا يعني هذا عمليًا؟

أكثر من 10,000 مستخدم نشط شهريًا
1 جيجابايت بيانات مستخدم
ملايين عمليات القراءة من قاعدة البيانات
2 مليون استدعاء دوال شهريًا
حركة مرور مجانية (ضمن الحدود)

هذه بنية تحتية إنتاجية حقيقية، وليست مجرد طبقة تجريبية محدودة.

متى تحتاج للدفع؟

عندما يتجاوز المستخدمون 10 آلاف شهريًا
قاعدة البيانات تتخطى 1 جيجابايت
تحتاج ميزات متقدمة أو نطاق مخصص
استهلاك AI Studio يتخطى الحد اليومي

الخطوة 1: إنشاء حساب Google AI Studio مجاني

خطوات التسجيل السريعة:

اذهب إلى aistudio.google.com
اضغط "تسجيل الدخول باستخدام Google"
اختر أو أنشئ حساب Gmail
وافق على الشروط
انتقل للوحة تحكم المشاريع

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

التكلفة: 0 دولار

الخطوة 2: أول جلسة برمجة Vibe

المُوجه (prompt) الذي تدخله للوكيل يحدد كل شيء. استخدم هذا القالب:

قالب المُوجه لتطبيقات مجانية

Build a [type of app] that [core functionality].

Requirements:
- Must work on Firebase free tier (Spark Plan)
- No paid APIs or services
- Use free authentication (email/password or Google sign-in)
- Keep database under 1GB

Features:
- Feature 1
- Feature 2
- Feature 3

UI:
- Use shadcn/ui components
- Mobile-responsive
- Dark mode

مثال عملي: تطبيق Trivia متعدد اللاعبين

Build a real-time multiplayer trivia game that works entirely on Firebase free tier.

Requirements:
- Must work on Firebase Spark Plan (no paid services)
- Free authentication only (Google sign-in)
- Keep database schema under 1GB
- Use Cloud Functions free tier (2M invocations/month)

Features:
- 2-4 players per game room
- Real-time question sync
- Score tracking and leaderboard
- 30-second timer per question
- 100+ trivia questions included

UI:
- shadcn/ui components
- Mobile-responsive
- Dark mode with purple accents
- Framer Motion for transitions

ماذا يولد وكيل Antigravity؟

واجهة أمامية: React + TypeScript + shadcn/ui
واجهة خلفية: Firebase Cloud Functions
قاعدة بيانات: مجموعات Firestore وقواعد الأمان
مصادقة: تسجيل دخول Google مدمج
استضافة: إعداد Firebase Hosting تلقائي

الخطوة 3: النشر إلى استضافة Firebase المجانية

النشر يتم تلقائيًا من داخل واجهة Vibe.

النطاق المجاني مقابل المخصص

مجاني: your-app.web.app
مدفوع: your-app.com (يتطلب 12-15 دولارًا سنويًا)

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

الخطوة 4: إضافة تكاملات خارجية مجانية

لتوسيع وظائف تطبيقك، أضف تكاملات API مجانية:

أمثلة تكاملات API مجانية

API	الطبقة المجانية	الاستخدام
Open Trivia Database	غير محدود	أسئلة Trivia
The Cat API	غير محدود	صور قطط عشوائية
JSONPlaceholder	غير محدود	بيانات وهمية
PokeAPI	غير محدود	بيانات بوكيمون
OpenWeatherMap	1000 استدعاء/يوم	بيانات طقس

مثال عملي: إضافة Trivia API

المُوجه:

Add integration with the Open Trivia Database API (opentdb.com) to fetch unlimited free trivia questions. Cache questions in Firestore to reduce API calls.

الكود الناتج:

// src/services/triviaApi.ts
const API_BASE = 'https://opentdb.com/api.php';

export async function fetchTriviaQuestions(
  amount: number = 10,
  category?: string
) {
  const params = new URLSearchParams({
    amount: amount.toString(),
    type: 'multiple',
  });

  if (category) {
    params.append('category', category);
  }

  const response = await fetch(`${API_BASE}?${params}`);
  const data = await response.json();

  return data.results.map((q: any) => ({
    question: q.question,
    options: [...q.incorrect_answers, q.correct_answer].sort(),
    correctAnswer: q.correct_answer,
    category: q.category,
  }));
}

خيارات المصادقة المجانية

المزود	الطبقة المجانية	تعقيد الإعداد
Firebase (Email)	غير محدود	سهل
Firebase (Google)	غير محدود	سهل
Firebase (GitHub)	غير محدود	سهل
Firebase (Anonymous)	غير محدود	الأسهل

تجنب Auth0 أو أي مزود مدفوع (انتهت الطبقة المجانية في 2025).

نصيحة احترافية: دليل محاكاة واجهة برمجة التطبيقات الكامل

الخطوة 6: مراقبة استهلاك الطبقة المجانية

ابقَ ضمن الحدود المجانية بمراقبة استخدام Firebase.

طريقة التحقق:

اذهب إلى console.firebase.google.com
اختر مشروعك
اختر "الاستخدام" من الشريط الجانبي
راجع حدود خطة Spark

المقاييس الرئيسية للمراقبة

المقياس	الحد المجاني	حد التنبيه
تخزين Firestore	1 جيجابايت	800 ميجابايت
قراءات Firestore/يوم	50 ألف	40 ألف
كتابات Firestore/يوم	20 ألف	16 ألف
استدعاءات الدوال/شهر	2 مليون	1.6 مليون
نقل استضافة/يوم	360 ميجابايت	300 ميجابايت
المستخدمون المصادق عليهم	10 آلاف/شهر	8 آلاف

نصائح التحسين قبل الوصول للحدود

القراءات عالية؟ استخدم التخزين المؤقت من جانب العميل وBatch Reads.
الدوال عالية؟ وحد الدوال وخزن النتائج مؤقتًا.
نقل الاستضافة مرتفع؟ اضغط الصور وفعل CDN.

أمثلة تطبيقات حقيقية على الطبقات المجانية

1. لعبة Trivia متعددة اللاعبين (هذا الدليل)

حتى 10,000 مستخدم شهريًا
قاعدة بيانات: أسئلة + لاعبين (200 ميجابايت)
منطق: دوال اللعبة، تحديث النقاط
التكلفة: 0 دولار

2. تطبيق تتبع العادات

حتى 10,000 مستخدم شهريًا
قاعدة بيانات: عادات وسلاسل (500 ميجابايت)
منطق: تذكيرات يومية
التكلفة: 0 دولار

3. تطبيق دردشة في الوقت الفعلي

حتى 5,000 مستخدم متزامن
قاعدة بيانات: الرسائل والبروفايلات (800 ميجابايت)
منطق: توجيه الرسائل
التكلفة: 0 دولار

4. لوحة بيضاء تعاونية

حتى 3,000 مستخدم نشط شهريًا
قاعدة بيانات: حالات اللوحة (600 ميجابايت)
منطق: مزامنة في الوقت الفعلي
التكلفة: 0 دولار

المزالق الشائعة وكيفية تجنبها

1. الترقية غير المقصودة لـ Firebase المدفوع

المشكلة: يطالبك بإضافة الفوترة لبعض الميزات.
الحل:
- ابق على خطة Spark، تجنب النطاقات المخصصة وCloud Run.
- تجاهل مطلب الفوترة واختر "ربما لاحقًا".

2. حدود معدل AI Studio

المشكلة: 60 طلب/دقيقة و1M توكن يومي.
الحل:
- اعمل بجلسات مركزة
- استخدم مطالبات متتابعة، وصدّر الكود عند الانتهاء

3. استهلاك Firestore غير محسوب

// سيء: يقرأ كل المجموعة بالكامل
const snapshot = await getDocs(collection(db, 'messages'));

// جيد: استعلام مع limit
const snapshot = await getDocs(
  query(collection(db, 'messages'), limit(20))
);

4. تأخير تشغيل دوال Cloud Functions المجانية

المشكلة: تأخير بدء التشغيل البارد (1-2 ثانية)
الحل:
- اجعل الدوال صغيرة
- استخدم مهلة تنفيذ قصيرة
- ضع المنطق على جانب العميل عند الإمكان

أين تتناسب الطبقة المجانية من Apidog

Google AI Studio يبني تطبيقك، وApidog يتأكد أنه يعمل بدقة.

مزايا Apidog المجانية:

تصميم API عبر محرر مرئي
خادم Mock مجاني
سيناريوهات اختبار تلقائية
تعاون حتى 3 أعضاء

سير العمل:

صمم مخطط API في Apidog (مجاني)
أنشئ الكود عبر Google AI Studio (مجاني)
اختبر مقابل Mock من Apidog (مجاني)
انشر إلى Firebase (مجاني)

اطلع على كيفية اختبار واجهات برمجة تطبيقات REST لسير العمل الكامل.

متى تبقى مجانيًا ومتى ترقي؟

ابق مجانيًا عندما:

تبني مشاريع جانبية أو MVP
تتعلم تطوير Full-Stack
تبني مشاريع حافظة أعمال
تختبر أفكارًا أولية

قم بالترقية عندما:

الإيرادات تبرر التكاليف
المستخدمون يتجاوزون الحدود باستمرار
تحتاج لنطاق مخصص أو مراقبة متقدمة

خطة الترقية الذكية:

ابدأ مجانًا
تحقق من الفكرة مع مستخدمين حقيقيين
حقق دخل
رقِّق بناء على الإيرادات

لا تدفع للبنية التحتية إلا إذا لديك مستخدمون يدفعون.

الخاتمة

بناء تطبيق full-stack مجانًا في 2026 واقعي وعملي. Google AI Studio مع Firebase المجاني يجعلك تنتقل من فكرة إلى تطبيق منشور دون بطاقة ائتمان.

ماذا ستحصل عليه مقابل 0 دولار:

توليد كود مدعوم بالذكاء الاصطناعي
مصادقة حتى 10 آلاف مستخدم شهريًا
1 جيجابايت قاعدة بيانات
استضافة CDN عالمية
2 مليون استدعاء دوال شهريًا
دعم اللعب الجماعي الفوري

ماذا تحتاج؟

حساب Google
فكرة تستحق التجربة

حاجز البرمجيات لم يعد ماليًا. السؤال: هل تستطيع تحمل عدم بناء تطبيقك؟

الخطوات التالية:

اشترك في aistudio.google.com (بدون بطاقة)
فعّل خطة Firebase المجانية
ابدأ أول جلسة Vibe باستخدام قالب المُوجه أعلاه
انشر وشارك تطبيقك المجاني
اختبر ووثق واجهات برمجة التطبيقات عبر Apidog المجاني

الأسئلة الشائعة

هل Google AI Studio مجاني تمامًا؟

نعم، الطبقة المجانية تسمح بـ 60 طلب/دقيقة ومليون توكن/يوم. كافٍ لبناء عدة تطبيقات. الطبقات المدفوعة تبدأ من 20 دولار شهريًا.

هل خطة Firebase المجانية دائمة؟

نعم. طالما بقيت ضمن الحدود، لا تنتهي صلاحية خطة Spark المجانية.

هل يمكنني تحقيق الدخل من التطبيقات المبنية على الطبقات المجانية؟

بالتأكيد. جميع الإيرادات لك. الطبقات المجانية تساعدك في بناء وإطلاق منتجك قبل الترقية.

ماذا يحدث إذا تجاوزت الحدود المجانية؟

لن تُفرض عليك رسوم تلقائيًا. سيتم تقييدك حتى فترة الفوترة التالية أو ستُطلب منك إضافة معلومات الفوترة. يمكنك دائمًا تحسين الاستخدام أو الترقية يدويًا.