Cloudflare & Netlify
Cloudflare & Netlify

لمن لا يعلم، فشركة Cloudflare صار لديها الآن إمكانية استئجار أسماء نطاقات domains وما يميزها أنها تعد أرخص وسيلة استئجار نطاقات على الإطلاق مع أسعار ثابتة لا تتغير مع السنوات كما تعمل شركات أسماء النطاقات.

أحب تسمية هذه العملية استئجار لأن هذا وصفها الصحيح ولكن سنقول شراء في ثنايا المقال تجوّزًا.

ولهذا فأنا استأجرت منهم اسم نطاقي الجديد iwatheq.com رغبة مني في امتلاك اسم نطاق ينتهي ب .com عكس النهاية السابقة التي لم تعجب الكثير والتي تنتهي ب .xyz.

وفوق هذا أشك أن لهذا سبب في ضعف موقعي في محركات البحث خاصة عندما عرفت من تسريب كود محرك بحث Yandex الروسي أن لديهم ترتيبا خاصا لنهايات النطاقات وأفضلها نهايات .com.

أعلم أن جوجل قد تنتهج أمرًا آخرًا لكن سأحاول وسأرى.

وبعد شراء النطاق لم أجد دليلًا واضحًا للربط وبعد كثير من البحث والمحاولات نجحت معي أخيرا ولله الحمد.

وسأذكر كذلك لمن لا يعلم فاستضافة Netlify أكثر من رائعة للمواقع المبنية بتقنيات الوجهات فقط مثل Gatsby.js المبنية على React.js التي أستخدمها في مدونتي وتفي لي بالغرض وزيادة، كما أنها سريعة جدا ولها تكامل مميز مع GitHub بحيث كلما أضيف كود إلى المستودع البرمجي فهي ترتفع مباشرة إلى السيرفر.

ونعود لخطوات الربط:

  1. حتى تستأجر اسم النطاق بعد الدخول لموقع Cloudflare من قائمة Domain Registration < Register Domains. 1

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

  3. سنذهب حاليا لموقع Netlify ونسجل بطريقة عادية

  4. ندخل لقائمة Sites ثم ندخل على الموقع الذي نريد ربطه مع الدومين أو ننشئ واحدا جديدا.

  5. ثم ندخل إلى صفحة الموقع الذي نريد ربطه مع الدومين ثم Domain settings ثم. 3 4

  6. سنلاحظ وجود اسم النطاق الفرعي ل Netlify وفي حالتي كان watheq.netlify.app. هذا الدومين مهم جدا لأننا سنستخدمه للربط مع Cloudflare. 5

  7. سنضيف اسم النطاق الذي اشتريناه هنا وفي حالتي كان iwatheq.com وسيضيف هو من عنده www.iwatheq.com. ولنجعل iwatheq.com هو الدومين الأساسي من خلال الأمر set as primary domain.

  8. نعود لموقع Cloudflare وندخل صفحة الدومين الذي اشتريناه.

  9. ما يهمنا حاليا هي قائمة DNS، انقر عليها.

  10. انقر على Add record لإضافة DNS record. 6

  11. أضف البيانات كالتالي: Type => CNAME, Name => iwatheq.com, Content => watheq.netlify.app, ونلغي التحديد على proxy, ونبقي بقية الخيارات كما هي.

12.ثم نضيف واحدا للبادئة www قبل اسم الموقع وتكون البيانات كالتالي Type => CNAME, Name => www, Content => watheq.netlify.app, ونلغي التحديد على proxy, ونبقي بقية الخيارات كما هي. 7

ننتظر قليلا حتى يتفعّل الربط فقد يحتاج بعض الوقت.

هذا فقط..

آمل ن يكون هذا الدرس الصغير مفيدًا..

ما زالت معلوماتي بهذه الأمور قليلة فمن لديه زيادة علم فيها فأرجو مشاركتي في التعليقات لإثراء الموضوع وتصحيح الأخطاء.