رفع مشروع React على الإنترنت

مجلد build على رابط يجربه العميل من جواله

⭐️ أكثر من 2,000,000 مستخدم راضٍ

ZIP أو GitHub · ابدأ مجانًا

الواجهة الأمامية على رابط

مشروع React جاهز على جهازك، والعميل يريد تجربته على جواله. ناتج npm run build ملفات ثابتة، وTiiny Host ينشرها على رابط في دقيقة تقريبًا، دون إعداد خادم.

الإعداد والنشر

1. اضبط homepage

في package.json اجعل قيمة homepage النقطة ".".

2. ابنِ المشروع واضغطه

npm run build، ثم اضغط مجلد build في ملف ZIP.

3. ارفع ZIP واضغط Publish

على tiiny.host، بالاسم الذي تختاره للرابط.

لمطوري الواجهات

📦 مجلد build كما هو

ملف ZIP من مجلد build بعد ضبط homepage، والرابط يظهر بعد Publish.

🐙 من مستودع GitHub

كل دفع إلى الفرع الرئيسي يحدّث الموقع، والميزة متاحة حتى على الباقة المجانية.

🔁 بناء جديد

الإصدار التالي يُرفع من زر Update، والعميل يجده على الرابط الذي معه.

🔒 قبل الإطلاق

كلمة مرور لتطبيق لم يُعلن عنه، ضمن باقة Solo.

🌐 نطاق الشركة

عنوان مثل app.yourcompany.sa، وشهادة SSL مضمّنة.

🤖 النشر من الوكيل

مع Solo يستطيع Claude Code أو Cursor نشر كل بناء عبر خادم MCP.

مقارنة

منصات نشر React

التطبيق سيُعرض على عميل أو لجنة تحكيم، والمطلوب رابط يعمل اليوم. ملف ZIP المبني يكفي لنشره، وربط GitHub متاح لمن يريد النشر مع كل دفع.

⚡ Tiiny Host

منصات الاستضافة الأخرى

رفع ZIP جاهز

ناتج البناء يُنشر من ملف ZIP وحده.

✓ نعم

يختلف

كلمة مرور

شاشة كلمة مرور قبل التطبيق، في Solo.

✓ نعم

يختلف

سعر شهري ثابت

اشتراك محدد، وتنبيه في لوحة التحكم عند الاقتراب من حد الباقة.

✓ نعم

يختلف

نشر من وكيل ذكاء اصطناعي

خادم MCP في Solo.

✓ نعم

يختلف

أقصر إعدادًا من VercelNetlifyGitHub PagesHostinger

الأسعار

حجم البناء وعدد التطبيقات

تطبيق React صغير بعد البناء يُنشر على الحساب المجاني إذا لم يتجاوز حجمه 3 ميجابايت. لعدة تطبيقات لعملاء مختلفين توجد Solo: خمسة تطبيقات، و75 ميجابايت لكل واحد.

الباقة المجانية

$0 شهريًا، دون حد زمني

✓ تطبيق واحد منشور
✓ ZIP حتى 3 ميجابايت
✓ 5,000 زيارة و5 جيجابايت من نقل البيانات شهريًا
✓ النشر من GitHub، 3 تحديثات يوميًا
– الصفحة التي فيها حقل كلمة مرور تُنشر كمعاينة لمدة ساعة

انشر تطبيقك مجانًا ←

مساحة أكبر عند الحاجة

من ‎$5 شهريًا مع الدفع السنوي

Tiny $5 · 25 ميجابايت، إحصاءات، رمز QR، بلا شريط
Solo $13 · 5 تطبيقات، كلمة مرور، نطاق خاص، الـ API وMCP
Pro $31 · 15 تطبيقًا، أعضاء فريق في الحساب
Pro Max $74 · تطبيقات بلا حد، و2 تيرابايت من التخزين

اطّلع على كل الباقات ← ⭐️ ضمان استرداد المبلغ خلال 7 أيام

الحد لكل باقة

حد الرفع في كل باقة

المجانية

3 ميجابايت

للتطبيق

Tiny · $5

25 ميجابايت

لكل مشروع

Solo · $13

75 ميجابايت

لكل مشروع

Pro · $31

10 جيجابايت

للحساب كله

Pro Max · $74

2 تيرابايت

للحساب كله

ما يُرفع هو مجلد build وحده، دون الكود المصدري. ومستودع GitHub المربوط يصل إلى 75 ميجابايت.

لوكلاء الذكاء الاصطناعي

النشر مع كل بناء

سكربت النشر في مشروعك يرفع مجلد البناء المضغوط بطلب واحد، على النطاق نفسه في كل مرة.

REST APIنقطة رفع واحدة لعمليات الأتمتة والنشر المجدول.

خادم MCPأمر واحد في Claude Code، وبضعة أسطر إعداد في Cursor وVS Code وWindsurf وZed وCodex وv0.

موصّل Claudeتُنشر التقارير والمستندات من Claude مباشرة، في تطبيق سطح المكتب أو في Claude Code.

Skillبعد تثبيتها يستطيع وكيلك نشر أكثر من 100 نوع من الملفات كروابط، منها PDF وZIP.

اقرأ توثيق الـ API ← الوصول إلى الـ API متاح من باقة Solo فما فوق

upload.sh

curl -X POST https://ext.tiiny.host/v1/upload \
  -H "x-api-key: $TIINY_API_KEY" \
  -F "files=@build.zip" \
  -F "domain=my-react-app.tiiny.site"

# → https://my-react-app.tiiny.site
# PUT the same domain to replace it

للعميل ولجنة التحكيم

مرحلة تسليم

واجهة التطبيق يجربها العميل من جواله قبل اعتماد المرحلة التالية.

مشروع هاكاثون

رابط يعمل أمام لجنة التحكيم في نهاية اليوم الأخير.

مشروع تخرج

تطبيق React يفتحه المشرف في متصفح أي جهاز.

مصادر

أدلة الاستضافة

How to Host a Website

A practical walk through hosting a website, for beginners.

Web Hosting Guide: A Complete Beginner's Guide

What web hosting is, how it works and how it differs from a domain name.

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

كيف أرفع مشروع React على الإنترنت مجانًا؟

بعد ضبط homepage على "." وتشغيل npm run build، يُضغط مجلد build في ZIP ويُرفع على Tiiny Host، ثم يُنشر بزر Publish.

التطبيق ظهر بلا تنسيق بعد الرفع، فما السبب؟

قيمة homepage في الغالب. المطلوب "."، والرابط الكامل أو المسار المطلق يكسران مسارات الملفات. بعد تصحيحها يُعاد البناء والرفع.

هل أستطيع رفع مشروع React من GitHub؟

ربط GitHub متاح على كل الباقات. Tiiny Host ينشر الملفات المبنية الموجودة في المستودع، في مجلد مثل build أو dist، لذلك يجب رفع ناتج البناء إلى المستودع.

هل يعمل الـ backend وقاعدة البيانات؟

Tiiny Host يستضيف الملفات الثابتة. تطبيق React يتصل بقاعدة بيانات خارجية مثل Supabase أو Firebase عبر طلبات الـ API في الكود.

لماذا نُشر تطبيقي كمعاينة لمدة ساعة؟

على الباقة المجانية تُنشر كمعاينة الصفحة التي فيها حقل كلمة مرور أو سكربت تحويل، وكذلك المشروع الأكبر من 3 ميجابايت. أي باقة مدفوعة تنشره بشكل دائم.

هل يعمل مع مشاريع Vite؟

Vite يبني المشروع في مجلد dist. الاستضافة تتوقع مسارات نسبية إلى index.html، كما في ضبط homepage لمشاريع Create React App، ولذلك يُضبط base في إعدادات Vite على './' قبل البناء. ونشر GitHub يبحث عن مجلد dist أيضًا.

التطبيق جاهز للتجربة اليوم

أدواتنا الأخرى بالعربية

استضافة موقع ثابت رفع ملف JSON رفع ملف HTML استضافة مواقع مجانية فحص كود HTML محرر HTML مرئي