دليل النشر على Netlify خطوة بخطوة

الأرقام محقّقة في 18 أكتوبر 2026 من docs.netlify.com. راجعها قبل النشر لأن الخطط تتغير.

1 · افهم الأرقام أولاً

كل حساب جديد على Netlify منذ 4 سبتمبر 2025 يعمل بنظام الكريدت:

عند نفاد الرصيد تتوقف كل مواقعك وتظهر للزائر رسالة «Site not available» حتى يتجدد الرصيد في الشهر التالي.

حساب موقع تعريفي صغير

كيف تبقى مجانياً

1. اجمع تعديلاتك وانشر مرة واحدة، لا مع كل تغيير صغير.
2. جرّب على معاينة النشر (Deploy Preview) لأنها لا تستهلك كريدت، ثم انشر للإنتاج.
3. اضغط الصور إلى WebP، واجعل أكبرها أقل من 300KB.
4. لا تستضف فيديو على Netlify. ارفعه على YouTube وضمّنه.

الحسابات المنشأة قبل 4 سبتمبر 2025 على الخطة القديمة: 100GB نقل و300 دقيقة بناء شهرياً.

2 · الطريقة الأسهل: Netlify Drop

1. افتح app.netlify.com/drop
2. اسحب مجلد الموقع (الذي فيه index.html) إلى الصفحة
3. يظهر لك رابط مثل random-name.netlify.app خلال ثوانٍ
4. أنشئ حساباً واحفظ الموقع فيه، ثم غيّر اسمه من Site configuration

مناسب للمرة الأولى. للتحديث تسحب المجلد من جديد، وكل سحب نشرٌ إنتاجي بـ15 كريدت.

3 · الطريقة الاحترافية: GitHub + Netlify

1. اطلب من Claude Code: «أنشئ مستودع Git واحفظ نقطة أولى، ثم ارفعه إلى GitHub كمستودع خاص»
2. في Netlify: Add new project ← Import an existing project ← GitHub
3. اختر المستودع. لموقع HTML بسيط: اترك أمر البناء فارغاً، ومجلد النشر .
4. كل تحديث ترفعه إلى GitHub يُنشر تلقائياً

4 · الطريقة من Claude Code: Netlify CLI

npm install -g netlify-cli
netlify login
netlify deploy                 # نسخة معاينة برابط مؤقت (بلا كريدت إنتاج)
netlify deploy --prod --dir=.  # النشر الفعلي

أو اطلب ببساطة: «انشر نسخة معاينة على Netlify وأعطني الرابط، ولا تنشر للإنتاج قبل موافقتي».

5 · الدومين

الشراء

• من Cloudflare Registrar (بسعر التكلفة) أو Namecheap أو غيرهما.
• .com يكلّف نحو $10–11 سنوياً تقريباً.
• انظر سعر التجديد لا سعر السنة الأولى. بعض المسجّلين يخفضون الأولى ويرفعون التجديد.
• فعّل التجديد التلقائي وحماية بيانات المالك (WHOIS privacy).

الربط

في Netlify: Domain management ← Add a domain واكتب دومينك. ثم اختر طريقة:

الطريقة أ · Netlify DNS (الأسهل): انسخ الـNameservers الأربعة التي يعطيك إياها Netlify، وضعها مكان الموجودة في لوحة المسجّل.

الطريقة ب · تبقي DNS عند المسجّل:

إن كان المسجّل يدعم ALIAS أو ANAME للجذر، فاستخدمه بدل A: apex-loadbalancer.netlify.com.

HTTPS

يُفعَّل تلقائياً ومجاناً بعد أن يصل الدومين إلى Netlify. الانتشار قد يأخذ حتى 24 ساعة، فلا تقلق إن لم يعمل فوراً.

6 · بعد الإطلاق

• https:// يعمل، والقفل ظاهر في المتصفح
• www يحوّل إلى الجذر أو العكس
• صفحة 404 مخصصة (404.html في الجذر)
• جرّبت الموقع على جوالك من شبكة الجوال لا الواي فاي
• أضفت الموقع إلى Google Search Console وأرسلت sitemap.xml
• جرّبت نموذج التواصل وزر واتساب

7 · نموذج تواصل مجاني

<form name="contact" method="POST" data-netlify="true">
  <label>الاسم <input name="name" required></label>
  <label>الجوال <input name="phone" type="tel" required></label>
  <label>رسالتك <textarea name="message"></textarea></label>
  <button type="submit">أرسل</button>
</form>

تصل الرسائل إلى لوحة Netlify في قسم Forms، وإرسالها لا يستهلك كريدت.

8 · التكلفة النهائية