الندوة 4 من 7
انشر موقعك مجاناً وبشكل دائم
من مجلد على جهازك إلى موقع على دومينك بقفل HTTPS. وبالأرقام: متى تبقى الاستضافة مجانية، ومتى لا.
نزار كامل
مدير تسويق أداء · يبني أنظمته بـ Claude Code
رحّب فيهم وذكّرهم: «الندوة اللي فاتت طلعنا موقع محترف على أجهزتكم. اليوم نطلّعه للعالم».
قل بصراحة من البداية: «كلمة مجاني اليوم راح أشرحها بالأرقام، لأن فيه حدود. اللي يفهمها يبقى مجاني سنين، واللي ما يفهمها ممكن يتفاجأ موقعه موقّف».
تأكد إن كل واحد عنده مجلد موقعه من الندوة 3 جاهز. اللي ما عنده، يستخدم أي صفحة index.html بسيطة.
هدف اليوم
في نهاية الساعة، موقعك على الإنترنت باسمك
على جهازك المجلد الذي بنيته في الندوة 3
منشور على Netlify برابط مؤقت ينتهي بـ netlify.app
على دومينك اسمك أنت: yourname.com
آمن بـ HTTPS القفل يظهر في المتصفح، مجاناً وتلقائياً
الاستضافة مجانية ضمن حدود سنعرفها بالأرقام. والتكلفة الحقيقية الوحيدة هي الدومين.
اسأل: «كم واحد منكم دفع قبل لاستضافة شهرية أو سنوية لموقع تعريفي بسيط؟». غالباً أكثر من واحد. قل لهم: اليوم نشوف ليش ما تحتاجها لموقع ثابت.
ركّز على الخطوة الأخيرة: بدون القفل، المتصفح يكتب للزائر «غير آمن»، وهذا يقتل الثقة قبل ما يقرأ أي شيء.
1
الاستضافة والدومين
البيت والعنوان، وكيف يصل الزائر إليك.
ثلاث كلمات تكفي لتفهم النشر كله
Domain
العنوان
اسم سهل يحفظه زبائنك
DNS
دليل الهاتف
يربط العنوان بمكان البيت
Hosting
البيت
حيث تسكن ملفات موقعك
ماذا يحدث عندما يكتب زبونك اسم موقعك
الزائر
يكتب اسم موقعك
DNS
يجد مكان موقعك
Netlify
يرسل ملفات الموقع
صفحتك تظهر
على جواله
التشبيه اللي يثبت: الدومين مثل العنوان الوطني لمحلك، والاستضافة هي المحل نفسه، والـDNS هو دليل الهاتف اللي يقول «هذا الاسم موجود في هذا المكان».
النقطة المهمة: الدومين والاستضافة شيئين منفصلين. ممكن تشتري الدومين من شركة، والاستضافة عند شركة ثانية، والـDNS هو اللي يربطهم. أغلب اللخبطة عند الناس من هنا.
هنا 4 دقائق بالكثير. لا تدخل في تفاصيل تقنية، الهدف الصورة الكبيرة.
لماذا Netlify؟ لأنه الأبسط، ونماذجه مجانية
Netlify Cloudflare Pages GitHub Pages
الخطة المجانية 300 كريدت شهرياً 500 بناء شهرياً · نقل بيانات بلا حد مجانية دومين خاص و HTTPS مجاني نعم نعم نعم رفع بالسحب والإفلات نعم نعم عبر مستودع GitHub نشر تلقائي من GitHub نعم نعم نعم نماذج تواصل مدمجة نعم، ومجانية لا لا
المصدر: docs.netlify.com ووثائق Cloudflare Pages · تحقّق 18 أكتوبر 2026
كن منصفاً: الثلاثة ممتازة للمواقع الثابتة. Cloudflare Pages أسخى في نقل البيانات، وهذه الدورة نفسها مستضافة عليه. لكن Cloudflare اليوم توصي بـ Workers للمشاريع الجديدة، وهذا يربك المبتدئ.
اخترنا Netlify لسببين: السحب والإفلات أبسط ما يكون لأول نشر، ونموذج «تواصل معنا» يشتغل بسطر واحد بدون أي خدمة خارجية. لصاحب نشاط هذا فرق كبير.
لو أحد سأل «وWordPress؟»: هذا موضوع ثاني. موقعنا ملفات ثابتة، ما يحتاج قاعدة بيانات ولا سيرفر يشتغل طول الوقت، ولهذا يقدر يكون مجانياً.
2
الأرقام بصدق
المجاني له حدود. اعرفها قبل أن تفاجئك.
300 كريدت كل شهر، وهذا ما يستهلكها
البند الكريدت ماذا يعني لك
نشر إنتاجي واحد 15 كل مرة تحدّث فيها الموقع الذي يراه الناس 1 GB نقل بيانات 20 الزوار يحمّلون صفحاتك وصورك 10,000 طلب 2 كل ملف يطلبه المتصفح: صفحة، صورة، خط Deploy Previews والفروع والنشر الفاشل 0 جرّب كما تشاء بلا تكلفة إرسال النماذج (Forms) 0 رسائل زبائنك لا تستهلك رصيدك
المصدر: docs.netlify.com · تحقّق 18 أكتوبر 2026 · ينطبق على كل حساب جديد منذ 4 سبتمبر 2025.
هنا القلب. اشرح الكريدت مثل رصيد الجوال مسبق الدفع: عندك 300 وحدة كل شهر، وكل عملية تخصم منها.
أغلى شيء هو النشر الإنتاجي: 15. يعني لو نشرت 20 مرة في الشهر خلصت الرصيد من النشر وحده، حتى لو ما زارك أحد. هذا الخطأ الأشهر عند المبتدئين مع Claude Code لأنه سهل تنشر بعد كل تعديل صغير.
والخبر الحلو في آخر سطرين: التجربة مجانية، والنماذج مجانية.
300
كريدت مجاني كل شهر لحسابك كله، لا لكل موقع. وهو حد صارم: لا يُرحَّل الباقي للشهر التالي، ولا يمكن شراء رصيد إضافي في الخطة المجانية.
المصدر: docs.netlify.com · تحقّق 18 أكتوبر 2026
وقفة قصيرة. خلّ الرقم يثبت في الذهن.
نبّه على «لحسابك كله»: لو عندك خمس مواقع على نفس الحساب، كلها تاكل من نفس الـ300. لو تبني مواقع لعملاء، خلّ كل عميل يفتح حسابه الخاص، ولا تجمعهم عندك.
مثال محسوب
موقع تعريفي صغير يستهلك 260 من 300
0
300
الحد
260
النشر الإنتاجي
150
نقل البيانات
100
الطلبات
10
هامش
40
الحساب: 10 نشرات = 150 · نقل 5GB = 100 · 50 ألف طلب = 10 · المجموع 260، ويبقى هامش 40
المصدر: docs.netlify.com · تحقّق 18 أكتوبر 2026 · الأرقام تقديرية لموقع تعريفي بصور مضغوطة.
ترجم الأرقام للواقع: 10 نشرات في الشهر يعني تقريباً نشرتين إلى ثلاث في الأسبوع. لموقع عيادة أو متجر صغير أو مكتب، هذا أكثر من كافي.
لاحظ إن النشر هو نص الميزانية. الزوار مو المشكلة لموقع صغير، المشكلة إنك تنشر كل ما غيّرت كلمة.
سؤال للحضور: «لو حملة إعلانية جابت لكم زوار أكثر بكثير، أي جزء يكبر؟» الجواب: نقل البيانات. وهنا يجي دور ضغط الصور في الشريحة الجاية.
عند نفاد الرصيد تتوقف كل مواقعك
Site not available هذا ما يراه زوارك في كل مواقع حسابك، حتى يتجدد الرصيد في الدورة التالية. لا تحذير للزائر، ولا موقع جزئي.
حسابك أقدم من 4 سبتمبر 2025؟ غالباً أنت على الخطة القديمة: 100GB نقل و300 دقيقة بناء.
أربع عادات تبقيك مجانياً
اجمع التعديلات وانشر مرة واحدة. كل نشر إنتاجي 15 كريدت.جرّب على Deploy Preview. رابط معاينة كامل، بلا كريدت.اضغط الصور بصيغة WebP. صور أخف تعني نقل بيانات أقل.لا ترفع فيديو ثقيلاً على الاستضافة. ضعه على YouTube وضمّنه في الصفحة.
المصدر: docs.netlify.com · تحقّق 18 أكتوبر 2026
كن واضحاً هنا: التوقف يشمل كل المواقع في الحساب، مو بس الموقع اللي استهلك. لو موقعك عليه حملة إعلانية شغالة، كل ريال تصرفه يروح لصفحة متوقفة.
العادة الأولى هي الأهم مع Claude Code: قولوا له صراحة «لا تنشر للإنتاج إلا لما أقول». راح نشوف كيف في الطريقة الثالثة.
الفيديو: فيديو دقيقة واحدة ممكن يكون أثقل من الموقع كله. ثلاث زيارات له تساوي آلاف الزيارات للصفحة. YouTube يتحمّل هذا عنك مجاناً.
3
ثلاث طرق للنشر
من السحب والإفلات إلى أمر يكتبه Claude Code عنك.
الطريقة 1 · Netlify Drop: اسحب وأفلت
جهّز المجلد ملف index.html في أول المجلد، لا داخل مجلد فرعي
افتح صفحة Drop app.netlify.com/drop بعد تسجيل الدخول
اسحب المجلد أو ملف ZIP، ويُفضّل أقل من 50MB
رابطك جاهز موقعك يعمل فوراً على عنوان ينتهي بـ netlify.app
قبل السحب، اطلب من Claude Code جهّز مجلد الموقع للنشر على Netlify Drop: تأكد أن index.html في جذر المجلد، وحوّل الصور إلى WebP مضغوطة، وأخبرني بالحجم النهائي.
المصدر: docs.netlify.com · تحقّق 18 أكتوبر 2026
نفّذها حية الحين، 5 دقائق. اسحب مجلد موقع من الندوة 3 وخلّهم يشوفون الرابط يطلع.
الخطأ الأشهر: يسحب مجلداً فيه مجلد ثاني، فيطلع الموقع صفحة فاضية أو «Page not found». الحل: index.html لازم يكون أول شيء تشوفه لما تفتح المجلد.
نبّه: كل مرة تسحب نسخة جديدة لنفس الموقع هذا نشر للإنتاج. Drop ممتاز لأول مرة، لكن مو للتعديلات اليومية.
الطريقة 2 · GitHub + Netlify: نشر تلقائي
Claude Code
يعدّل الملفات
git push
يرفع التعديل
GitHub
يحفظ كل نسخة
Netlify
يبني تلقائياً
موقعك محدَّث
بلا رفع يدوي
مثال طلب اجعل هذا المشروع مستودع Git، وأنشئ له مستودعاً خاصاً على GitHub باسم clinic-site، وارفع الملفات. وبعد كل تعديل أوافق عليه: احفظه وارفعه بـ git push.
مرة واحدة فقط في Netlify: استورد المستودع من GitHub. بعدها كل git push إلى الفرع الرئيسي يُنشر وحده.
هذه الطريقة اللي أنصح فيها لأي موقع يتحدّث باستمرار. الميزة الخفية: GitHub يحفظ كل نسخة، فلو خرّبت شيء ترجع لنسخة الأمس بضغطة.
عشان Claude Code ينشئ المستودع بنفسه يحتاج أداة GitHub CLI مسجّل فيها الدخول. لو ما كانت عندك، قل له «ساعدني أثبّت GitHub CLI وأسجّل الدخول» وهو يمشيك خطوة خطوة. تسجيل الدخول تسويه أنت بنفسك في المتصفح.
انتبه: كل push للفرع الرئيسي = نشر إنتاجي = 15 كريدت. لا تخلّه يرفع بعد كل سطر.
الطريقة 3 · Netlify CLI: يكتبها Claude Code عنك
# مرة واحدة: التثبيت وتسجيل الدخول
> npm install -g netlify-cli
> netlify login
# معاينة مسودة برابط مؤقت
> netlify deploy
# النشر للإنتاج: 15 كريدت
> netlify deploy --prod --dir=.
مثال طلب انشر هذا الموقع على Netlify بالـ CLI. ابدأ بمعاينة مسودة وأعطني رابطها. لا تنشر للإنتاج حتى أراجع على جوالي وأقول لك: انشر.
أنت لا تحفظ الأوامر. Claude Code يكتبها وينفّذها، وأنت توافق على كل خطوة.
المصدر: docs.netlify.com · تحقّق 18 أكتوبر 2026
اعرضها حية لو الوقت يسمح. أول مرة يفتح لك netlify login صفحة في المتصفح توافق فيها بنفسك، وبعدها يسألك: تربط بموقع موجود ولا تنشئ جديد.
السر في جملة «لا تنشر للإنتاج حتى أقول». بدونها ممكن ينشر بعد كل تعديل، وكل مرة 15 كريدت. اكتبوها في CLAUDE.md للمشروع عشان تصير قاعدة دائمة.
الأمر يحتاج Node.js على الجهاز. لو ما كان موجود، Claude Code يقول لك ويساعدك تثبّته.
الطرق الثلاث في جدول واحد
الطريقة السهولة التحديث لمن
Netlify Drop الأسهل: سحب وإفلات يدوي: تسحب المجلد من جديد أول نشر، وموقع نادراً ما يتغيّر GitHub + Netlify إعداد لمرة واحدة تلقائي مع كل git push ، ونسخ محفوظة من يحدّث موقعه باستمرار Netlify CLI Claude Code ينفّذها عنك بأمر واحد، مع معاينة قبل الإنتاج من يعمل داخل Claude Code يومياً
في الطرق الثلاث: كل نشر إلى الموقع الحقيقي 15 كريدت. اجمع تعديلاتك.
المصدر: docs.netlify.com · تحقّق 18 أكتوبر 2026
نصيحتي العملية: ابدأ بـ Drop اليوم عشان تشوف موقعك منشور خلال دقيقة، وبعدين انقل لـ GitHub لما يستقر الموقع.
اسأل الحضور: «مين فيكم يتوقع يعدّل موقعه أكثر من مرة في الأسبوع؟». هذا يحتاج GitHub من الآن.
4
الدومين
اشترِ بذكاء، واربط مرة واحدة.
أربع قواعد قبل أن تشتري دومينك
Cloudflare Registrar يبيع بسعر التكلفة، أو Namecheap. تجنّب الباقات التي تضيف لك خدمات لا تحتاجها.
عروض السنة الأولى المخفّضة تختفي عند التجديد. قارن سعر السنة الثانية، لا الأولى.
إذا انتهى الدومين توقف موقعك وبريدك، وقد يشتريه غيرك.
تخفي اسمك ورقمك وعنوانك من السجل العام للدومينات.
دومين .com في Cloudflare Registrar نحو $10–11 سنوياً بسعر التكلفة · رقم تقريبي، تحقّق 18 أكتوبر 2026
القصة اللي تتكرر: واحد يشتري دومين بـ 5 ريال للسنة الأولى، والسنة الثانية يتفاجأ بفاتورة أضعاف. اقرأ سطر «Renews at» قبل ما تدفع.
اشترِ الدومين بحسابك وباسمك أنت، مو باسم المصمم أو الوكالة. كثير أصحاب أعمال خسروا دومينهم لأن المسجّل كان شخص ثاني.
اختر اسم قصير وسهل يتهجّى في الهاتف. وخذ .com لو متاح، وإلا .sa أو ما يناسب دولتك.
اربط الدومين: طريقتان، اختر واحدة
أضف دومينك
Add custom domain
الأول: انقل خوادم الأسماء
أربعة عناوين من اللوحة تضعها عند المسجّل
الثاني: أضف سجلين عند المسجّل
وتبقى إدارة الأسماء عند مزوّدك
موقعك على دومينك
بعد انتشار الإعدادات
سجلات الطريقة الثانية الاسم القيمة
CNAME www yoursite.netlify.app (اسم موقعك) A الجذر @ 75.2.60.5 أو ALIAS / ANAME الجذر @ apex-loadbalancer.netlify.com
المصدر: docs.netlify.com · تحقّق 18 أكتوبر 2026
الطريقة الأولى أسهل وأنظف: تنسخ أربعة عناوين من Netlify وتلصقها في خانة Nameservers عند المسجّل، وخلاص. Netlify يدير كل شيء بعدها.
لكن لو عندك إيميل شركة مربوط على الدومين (Google Workspace مثلاً)، انتبه: نقل الـNameservers يعني لازم تنقل سجلات الإيميل كمان. هنا الطريقة الثانية أأمن، لأنك تضيف سجلين وما تلمس الباقي.
في الطريقة الثانية: إما سجل A أو ALIAS للجذر، مو الاثنين. والقيم انسخها من الشريحة أو من لوحة Netlify نفسها، لا تكتبها من الذاكرة.
HTTPS مجاني وتلقائي، بلا أي إعداد منك
تضيف السجلات أو تغيّر خوادم الأسماء عند المسجّل.ينتشر التغيير في الإنترنت، وقد يأخذ حتى 24 ساعة.يصدر Netlify شهادة Let's Encrypt تلقائياً حين يرى دومينك يشير إليه.يظهر القفل في المتصفح، وتتجدد الشهادة وحدها.
المصدر: docs.netlify.com · تحقّق 18 أكتوبر 2026
هذا الشيء كان يكلّف فلوس سنوياً قبل سنوات. اليوم مجاني ويتجدد بنفسه.
الخطأ الشائع: يغيّر السجلات، وبعد عشر دقائق يقول «ما اشتغل!» ويرجع يعدّل ويخرّب. القاعدة: غيّر مرة، وانتظر. لو مرّ يوم كامل وما ظهر القفل، ارجع لقسم الدومين في لوحة Netlify وشوف رسالة الحالة.
الدومين بين الحين والثاني يفتح على جهازك وما يفتح على جهاز ثاني. هذا طبيعي أثناء الانتشار.
5
بعد الإطلاق
الفحص، والنماذج، والتحديث الآمن.
قبل أن تعلن عن موقعك
ست نقاط تفحصها بنفسك
الفحص كيف تتأكد
القفل و https افتح الموقع في نافذة تصفح خاصة، وتأكد من القفل بجانب العنوان www والجذرجرّب الاسم مع www وبدونها، وتأكد أنهما يصلان للمكان نفسه صفحة 404 خاصة اطلب من Claude Code ملف 404.html بهوية موقعك وجرّبه الجوال افتح الموقع على جوالك الحقيقي: الأزرار والنصوص والسرعة Google Search Console أثبت ملكية الدومين، وأرسل ملف sitemap.xml نموذج التواصل أرسل رسالة تجريبية وتأكد أنها وصلت
هذه القائمة خلّوها عندكم لكل موقع تطلقونه. 5 دقائق تفحص فيها توفر عليك إحراج إعلان يودّي لصفحة خربانة.
عن www: لما تضيف الاثنين في Netlify، يحوّل واحد للثاني تلقائياً. تأكد بس إنه يشتغل.
Search Console: اطلب من Claude Code يسوي لك sitemap.xml، والتحقق من الملكية يكون بسجل TXT عند المسجّل. بدون هذا، Google ممكن يتأخر أسابيع قبل ما يعرف موقعك.
نموذج تواصل مجاني، بلا خدمة خارجية
أضف data-netlify="true" واسماً للنموذج
فعّل اكتشاف النماذج مرة واحدة من إعدادات Forms في اللوحة
الرسائل تصلك في لوحة Netlify، ويمكن أن تصلك بالبريد
كل رسالة = 0 كريدت
المصدر: docs.netlify.com · تحقّق 18 أكتوبر 2026
<form name="contact" method="POST"
data-netlify="true" >
<input name="name" placeholder="الاسم">
<input name="phone" placeholder="الجوال">
<textarea name="msg"></textarea>
<button type="submit">أرسل</button>
</form>
لا تخلّيهم يكتبون الكود. الطلب يكفي: «أضف نموذج تواصل بالاسم والجوال والرسالة، يعمل مع Netlify Forms». Claude Code يعرف الباقي.
لصاحب العيادة أو المتجر هذا أهم سطر في الندوة: كل رسالة هي عميل محتمل، وما تكلّفك ولا كريدت.
نبّه: النموذج ما يشتغل وأنت تجرّب على جهازك. لازم ينشر أول، وبعدين تجرّبه من الرابط الحقيقي.
كل تعديل بعد اليوم
حلقة التحديث الآمن
عدّل محلياً اطلب التعديلات من Claude Code وراجعها على جهازك
Deploy Preview رابط معاينة كامل، بلا كريدت
راجع على الجوال افتح الرابط على جوالك، وأرسله لشريكك إن احتجت رأياً
انشر للإنتاج نشر واحد يجمع كل التعديلات: 15 كريدت
التجربة مجانية دائماً. الذي يُحسب عليك هو النشر النهائي فقط.
المصدر: docs.netlify.com · تحقّق 18 أكتوبر 2026
هذه الحلقة تحميك من شيئين: الكريدت، والأخطاء أمام الزوار. لا أحد يشوف التعديل إلا لما توافق عليه.
مثال عملي: صاحب مطعم يبي يغيّر المنيو. يجمع كل التغييرات في يوم واحد، يشوف المعاينة على جواله، ينشر مرة. بدل عشر نشرات في الأسبوع.
اقترح عليهم يكتبون هذه الحلقة في CLAUDE.md للمشروع، عشان Claude Code يمشي عليها كل مرة بدون ما تذكّره.
الحساب الأخير
كم يكلّفك موقعك فعلاً؟
المصادر: docs.netlify.com · Cloudflare Registrar · claude.com/pricing · تحقّق 18 أكتوبر 2026. أسعار الدومين تقريبية.
هذه الشريحة اللي يصوّرونها بالجوال. خذ وقتك.
قارن بآخر عرض سعر وصلهم لاستضافة سنوية وصيانة. لا تذكر رقماً محدداً من السوق، خلّهم هم يقارنون.
والصراحة مهمة: «مجاني» هنا يعني مجاني طالما تمشي على العادات الأربع. موقع تعريفي عادي يمشي سنين بدون ما يدفع ريال على الاستضافة.
الواجب
قبل الندوة القادمة: موقعك على دومينك
انشر موقعك على Netlify بأي طريقة من الثلاثاشترِ دومينك واربطه، ثم انتظر القفلأضف نموذج التواصل وأرسل رسالة تجريبيةمرّ على قائمة الفحص الست نقاط كاملة
شارك رابط موقعك في مجموعة الدورة. وفكّر في مهمة متكررة تأخذ من وقتك كل أسبوع، سنحوّلها إلى أيجنت في الندوة القادمة.
شجّعهم: «أول واحد يرسل رابط على دومينه، نعرضه في بداية الندوة الجاية».
اللي ما يبي يشتري دومين الحين، يكتفي برابط netlify.app ويكمل الباقي. المهم يكون الموقع منشوراً.
الندوة القادمة
الأيجنت: موظف رقمي لمجالك
من بناء المواقع إلى بناء Skill يعمل مهمة متكررة من عملك.
أسئلة؟ nezarkamel.com
افتح الأسئلة 5 دقائق. أكثر سؤال متوقع: «وإذا موقعي كبر وطلع من الـ300؟». الجواب: هذا يعني إن موقعك ناجح، وساعتها تقيّم الخطة المدفوعة أو بديل آخر بناءً على أرقامك الحقيقية.
اربط للندوة الجاية: «إلى الحين Claude Code كان يبني لنا. من الندوة الجاية يصير يشتغل عندنا».
