كيفية استضافة موقع ويب فائق السرعة مجانًا على Netlify

هل تفكر في استضافة موقع Jamstack الخاص بك على Netlify، ولكنك لا تزال غير متأكد من كيفية القيام بذلك وما الذي يجب الانتباه إليه؟ إليك دليل سريع لمساعدتك.

جامستاك المواقع سريعة للغاية لأنها تقدم ملفات ثابتة. وهي تستخدم قدرًا ضئيلًا للغاية من موارد وحدة المعالجة المركزية والخادم بشكل عام، بحيث يمكن لمنصات مثل Netlify تقديم استضافة مجانية وعالية الجودة.

Netlify هي بيئة حوسبة سحابية. ولكن على عكس منصات الحوسبة السحابية الأخرى مثل AWS وGoogle Cloud، تتميز Netlify بالبساطة وسهولة الاستخدام. لا تتطلب دروسًا تعليمية معقدة أو إعدادات مطولة.

تهدف خدمة Netlify إلى جعل حياتك سهلة قدر الإمكان من خلال الجمع بين الأفضل من العوالم المختلفة في خدمة واحدة: الحوسبة السحابية، وJamstack، ومستودعات Git، وتسعير freemium.

Netlify و The Jamstack

لقد كان Netlify جزءًا من حركة Jamstack لفترة طويلة وهو أحد أقدم وأفضل المنصات التي ساهمت في نمو طريقة تصميم الويب الحديثة هذه.

تجمع حركة Jamstack بين جافا سكريبت وواجهات برمجة التطبيقات (APIs) وتقنيات ترميز العلامات لإنشاء منهجية تطوير واجهة أمامية منفصلة عن الواجهة الخلفية. يؤدي هذا إلى أداء أفضل للخادم، وأمان أفضل، وتوسع أسهل، وتكاليف تشغيل أقل.

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

أسباب استخدام Netlify

تعني Netlify الكثير لأنها تقوم بالعديد من الأشياء. من خلال الجمع بين العديد من الميزات في خدمة واحدة وأتمتة أكبر قدر ممكن منها، تقدم المنصة فوائد رائعة للشركات من جميع الأحجام.

وفيما يلي أهم المزايا التي يمكنك الحصول عليها من Netlify:

  • سهولة الاستعمال Netlify هي إحدى أسهل منصات الاستضافة السحابية استخدامًا. لا حاجة لقراءة دروس تعليمية طويلة ومعقدة. لا خطوات إعداد معقدة، ولا حتى إجراءات صيانة أكثر تعقيدًا. Netlify يعمل بكفاءة.

    بالإضافة إلى كل ذلك، يوفر النظام ميزات حوسبة مرنة مثل بيئات السحابة الأخرى. وهذا يضمن أنه عندما يحين الوقت، سيتمكن موقع الويب الخاص بك أو خدمتك من التوسع بسلاسة للتعامل مع ارتفاعات حركة المرور دون الاختناقات الخلفية المعتادة.
  • شبكة توزيع المحتوى – كجزء من بساطتها وسهولة استخدامها، تتضمن خدمة Netlify شبكة توزيع محتوى تسمى Netlify Edge. وهي تعمل على نشر صفحات الويب الخاصة بك عبر مواقع متعددة، لتقديمها بأسرع ما يمكن للزوار القريبين.

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

    تتولى Netlify إدارة معظم هذه الأمور تلقائيًا نيابةً عنك. والفرق الوحيد هو عدد الخدمات والمواقع الطرفية التي تحصل عليها، حيث إن الخطة المجانية لها بعض القيود.
  • الخطة المجانية Netlify منصة برمجيات كخدمة مجانية جزئيًا. ولكن على عكس منصات الحوسبة السحابية الأخرى، فإن الحساب المجاني مجاني تمامًا. لا حاجة لبطاقة ائتمان.

    مع ذلك، تتضمن هذه الخطة المجانية العديد من الميزات الرائعة، مثل عمليات بناء Git الآلية، ونشر الشبكات الطرفية، والرجوع الفوري إلى الإصدارات السابقة، والمعاينات المباشرة قبل النشر، ووظائف مجانية بدون خادم.
  • الأبنية الآلية – يمكنك أيضًا الحصول على Netlify Build مجانًا. يسهل هذا CI/CD (التكامل المستمر/النشر المستمر) إدارة تطويرات وتحسينات موقعك. فهو يعيد البناء تلقائيًا من مستودعك، في كل مرة تدفع فيها تحديثات جديدة إلى حساب Git الخاص بك.

    كل شيء يتم بشكل آلي بالكامل، وتتوفر معاينات لإعلامك بما ستقوم بنشره. يمكنك أيضًا تكوين كل خطوة من خطوات العملية، كما أن التراجع عن أي عمليات بناء سابقة أمر سهل للغاية.
  • وظائف نتليفي – يأتي كل موقع تقوم بنشره على منصة Netlify مع إمكانية الوصول إلى وظائف بدون خادم يمكنك استخدامها للعديد من الأشياء. وظائف Netlify هذه عبارة عن عمليات على جانب الخادم تعمل على كود JavaScript.

    يحصل كل موقع على 125 ألف استدعاء مجانًا ولن تحتاج إلى الدفع إلا عند تجاوز هذا الحصة. يمكنك استخدام الوظائف للتعامل مع الصور وإرسال رسائل البريد الإلكتروني والتحقق من صحة إدخال المستخدم وحتى جلب البيانات من نقاط نهاية واجهة برمجة التطبيقات الأخرى.
  • النماذج التلقائية يُسهّل Netlify دمج النماذج في موقعك الثابت وتسجيل جميع عمليات الإرسال دون الحاجة إلى برمجة مُكثّفة أو أي مشاكل مُرهقة أخرى. ما عليك سوى إضافة سمة "netlify" إلى أيٍّ من نماذجك، مثل … وهذا كل شيء.

    يمكنك بعد ذلك عرض جميع الطلبات المُرسلة في لوحة التحكم، حيث تُرتَّب النماذج بعناية حسب الاسم. يأتي النظام مزودًا بخاصية مكافحة البريد العشوائي، ويمكن لـ Netlify إخطارك عبر البريد الإلكتروني أو Slack أو خطافات الويب عند وجود طلب مُرسل.

    تتضمن الخيارات الأخرى إعادة توجيه النماذج المرسلة إلى أكثر من 1,000 تطبيق باستخدام تكامل Zapier الخاص بـ Netlify.
  • برنامج نتليفي سي ام اس – تطبيق NetlifyCMS هو محرر مناسب لأي موقع ثابت يتم استضافته على منصة Netlify من خلال مزود Git مثل GitHub. فهو يأخذ كل بياناتك من المستودع وينشئ واجهة إدارة سهلة الاستخدام.

    NetlifyCMS هو تطبيق React مكون من صفحة واحدة تم إنشاؤه بواسطة مجتمع يضم أكثر من 100 مساهم. وهو سهل التحرير، ويقدم سير عمل بديهيًا، ومجاني تمامًا، ويجعل إدارة مواقع Jamstack أمرًا ممتعًا.
  • HTTPS مجاني – تتضمن جميع حسابات استضافة Netlify بروتوكول HTTPS المجاني، أي شهادات SSL (Secure Socket Layer) المجانية.

الحسابات والأسعار

Netlify هي خدمة برمجية مجانية. هناك خطة Starter مجانية تمامًا، وخطة Pro مقابل 19 دولارًا أمريكيًا لكل عضو شهريًا، وخطة Business مقابل 99 دولارًا أمريكيًا لكل عضو شهريًا، وخطة Enterprise بأسعار مخصصة.

الشيء المذهل في Netlify هو أنه يمكنك إنجاز الكثير من خلال خطة Starter المجانية. تم تصميم خطة Starter للمشاريع الشخصية والتجارب ومواقع الهوايات والمغامرات الأخرى، وتتضمن عمليات بناء آلية مع 300 دقيقة بناء مجانية شهريًا.

كما يتضمن نشرًا عالميًا على الحافة، وعمليات التراجع الفوري، وNetlifyCMS، ووظائف بدون خادم، ونطاق ترددي يبلغ 100 جيجابايت شهريًا، وما يصل إلى 100 عملية إرسال نماذج مجانية لكل موقع شهريًا. بالإضافة إلى ذلك، يمكنك استضافة عدد غير محدود من المواقع على خطة Starter.

تضيف خطة Pro المزيد من الميزات مثل المواقع المحمية بكلمة مرور والوظائف الخلفية والمزيد من دقائق البناء وعرض النطاق الترددي، بالإضافة إلى العديد من الميزات الأخرى. تزداد هذه الميزات الإضافية كلما انتقلت إلى الخطط الأعلى.

كيفية استضافة موقع ويب مجانًا على Netlify

تتفوق Netlify على شركات الحوسبة السحابية والاستضافة الأخرى مثل AWS وGoogle Cloud وAzure من حيث البساطة. نعم، لديها بنية تحتية أكبر وأجهزة أكثر قوة ومراكز بيانات حول العالم، لكن إعداداتها قد تكون مملة.

فيما يلي عملية إعداد خطوة بخطوة تُظهر لك مدى سهولة استضافة موقع Jamstack على Netlify.

1. قم بالتسجيل وتسجيل الدخول

تسجيل الدخول إلى Netlify

خطوتك الأولى هي الانتقال إلى تطبيق.netlify.com وقم بالتسجيل إذا لم تكن قد قمت بذلك. سيتم الترحيب بك بخمس طرق مختلفة لتسجيل الدخول، من GitHub جيثب: إلى GitLab, Bitbucket, البريد الإلكتروني، و SSO.

بعد التسجيل، ستحتاج أيضًا إلى تسجيل الدخول إلى حساب بريدك الإلكتروني للعثور على رسالة التأكيد من Netlify. انقر عليها للتحقق من حسابك وتسجيل الدخول إلى النظام.

2. إضافة موقع جديد

يستغرق تحميل التطبيق بضع ثوانٍ. ثم يتم تقديم استبيان قصير لك يتضمن معلومات مثل اسم فريقك وما إلى ذلك. ما عليك سوى ملء كل شيء بصدق. ولكن تذكر أن الخطة المجانية تشمل عضوًا واحدًا فقط - أنت.

بمجرد اجتياز هذه المرحلة، ستجد نفسك في لوحة التحكم الافتراضية. انقر فوق "موقع جديد من Git" لاستضافة موقع جديد. أو يمكنك أيضًا سحب وإفلات مجلد يحتوي على ملفاتك الثابتة في المنطقة المحددة على لوحة التحكم وسيقوم Netlify بالباقي.

3. رابط GitHub

سيؤدي النقر على الزر من الخطوة 2 أعلاه إلى فتح نافذة جديدة تطالبك بربط موقعك الجديد بـ GitHub أو أي مستودع Git آخر مثل GitLab وBitbucket. في هذه المرحلة، تأكد من أن لديك حساب Git مسجل وأن ملفات موقعك موجودة بالفعل في مستودع.

4. قم بتفويض Netlify

الآن كل ما عليك فعله هو إخبار GitHub بالسماح لـ Netlify بالوصول إلى حساب GitHub الخاص بك وسيتم تسوية كل شيء.

5. حدد المستودع الخاص بك

يرتبط كل موقع Netlify قياسي بمستودع واحد. حدد المستودع الذي ترغب في استخدامه ثم انتقل إلى التالي.

6. تكوين إعدادات البناء

سوف تحتاج إلى الاهتمام بهذه الصفحة قليلاً. إذا كان لديك بالفعل مواقع ثابتة ولا تستخدم أي معالجات مسبقة، فيمكنك تعيين دليل النشر على "/". وترك حقل أمر البناء فارغًا.

من ناحية أخرى، إذا كنت تستخدم مولد موقع ثابت مثل Gatsby أو Next، فإن ما تدخله هنا سيعتمد على المولد. يمكنك الاطلاع على هذه القائمة التكوينات المشتركة، لمعرفة ما يجب إدخاله.

7. البناء والنشر

بمجرد إعداد كل شيء، انقر فوق "نشر الموقع" وسيقوم Netlify بتشغيل جميع عمليات البناء اللازمة وإنشاء موقع الويب الجديد الرائع الخاص بك. فقط تحلى بالصبر.

8. إعداد اسم المجال

بعد إنشاء موقعك ونشره، سيعطيه Netlify اسمًا على نطاق *.netlify.app. يمكنك لاحقًا تغيير هذا الاسم إلى اسم أفضل أو حتى إرفاق نطاق مخصص بالموقع.

يتيح لك Netlify إرفاق نطاق مخصص اشتريته من مكان آخر أو شراء النطاق من خلال لوحة تحكم Netlify. وسيتولى النظام كل شيء. ما عليك سوى النقر فوق علامة التبويب "النطاقات" في لوحة التحكم لإضافة نطاق جديد أو تسجيله لموقعك الجديد.

الخاتمة

لقد وصلنا إلى نهاية هذا الدليل البسيط حول استضافة موقع ويب فائق السرعة مجانًا على منصة Netlify. وقد رأيت الأسباب والطريقة للقيام بذلك.

الآن أصبح الأمر متروكًا لك إما أن تقوم ببرمجة موقعك الثابت يدويًا أو استخدام مولد الموقع الثابت.

ننامدي أوكيكي

ننامدي أوكيكي

ننامدي أوكيكي هو من عشاق الكمبيوتر ويحب قراءة مجموعة كبيرة من الكتب. يفضل Linux على Windows/Mac وكان يستخدمه
أوبونتو منذ بداياته. يمكنك متابعته على تويتر عبر بونجوتراكس

المقالات: 298

تلقي المواد التقنية

اتجاهات التكنولوجيا، واتجاهات الشركات الناشئة، والمراجعات، والدخل عبر الإنترنت، وأدوات الويب والتسويق مرة أو مرتين شهريًا