ما هو JAMstack؟

اكتشف ما الذي تعنيه JAMstack ، ومزايا هذه المجموعة من التقنيات

لقد صادفت المصطلح بالتأكيدجامستاكفي العامين الماضيين.

إنه يحدد مجموعة من التقنيات المستخدمة معًا لتحقيق هدف ، مثلمصباحويعنيإذا كنت معتادا عليه.

ماذا يعني JAMstack؟

يرمز JAM إلىيavaScript ،أPI ،مأركوب.

يصف الاتجاه السائد في إنشاء تطبيقات الويب ومواقع الويب التي تتمتع بهذه الخصائص الرئيسية:

  • يوجد خادم ويب "غبي" (أوCDN) إرسال ملف HTML المطلوب لتشغيل التطبيق ، وعادة ما يتم إنشاؤه باستخدام منشئ موقع ثابت. لم يتم إنشاء HTML
  • يمكن للتطبيق تحميل بعض جافا سكريبت التي تتلقى البيانات من واجهة برمجة التطبيقات. يمكن أن تتسبب تفاعلات الصفحة مثل التنقل في الحصول على المزيد من البيانات من واجهة برمجة التطبيقات. تتم المصادقة أيضًا من خلال واجهة برمجة التطبيقات (API).

هذا النهج الجديد هو طريقة لطيفة جديدة بالمقارنة مع

  • مواقع الويب التقليدية حيث يتم توفير المحتوى بالفعل في التطبيق (مثل المواقع الثابتة)
  • مواقع الويب المستندة إلى CMS والتي تقوم بتحميل المعلومات من قاعدة بيانات في الخلفية
  • التطبيقات المقدمة من الخادم باستخدام أي نوع من لغة الواجهة الخلفية

كما أنه يختلف أيضًا عن مواقع الويب المعروضة من جانب العميل (على سبيل المثال التي تم إنشاؤها باستخدام React) مع جزء يتم عرضه من جانب الخادم. لا يتضمن JAMstack عرض الخادم على الإطلاق.

ما هي مزايا استخدام JAMstack؟

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

النهج التقليدي لتطبيق مواقع الويب التي تعرض الخادم ديناميكيًا ، كما يحدث مع WordPress و Laravel و Rails ، يتم استبداله في كثير من الحالات بنهج أخف.

يمكن لموقع WordPress النموذجي إجراء 30-100 طلب إلى قاعدة بيانات لكل تحميل صفحة ، اعتمادًا على كمية المكونات الإضافية المثبتة. ما لم يتم تخزينه مؤقتًا بشكل كبير ، يمكنك التعرف على موقع WordPress عندما يصبح شائعًا على Hacker News أو Reddit أو أي موقع كبير آخر لأنك تحصل على صفحة فارغة - مما يعني أن شيئًا ما تعطل على الخادم ، حيث لا يمكن للموقع دعم كل هذه الحركة. في كثير من الأحيان تكون هذه فرصة ضائعة ، لأنه عندما يكون الموقع في ذروة شعبيته ، فإنه لا يعمل.

تقديم صفحة HTML ثابتة بدلاً من ذلك بكثير ، وأكثر كفاءة من ذلك بكثير ، ولا يزال من الممكن جلب البيانات الديناميكية عند الحاجة ، باستخدام استدعاءات API منفصلة بمجرد تحميل HTML.

ما هي بعض التقنيات التي يمكن استخدامها لبناء تطبيقات JAMstack؟

و اكثر.

ما الذي يمكن استخدام JAMstack له؟

يمكن أن تندرج العديد من التطبيقات تحت مظلة JAMstack ، والإمكانيات لا حصر لها ، بدءًا من المدونات البسيطة إلى مواقع التجارة الإلكترونية (على سبيل المثال معسنيبكارت) لتطبيقات الويب الأكثر تعقيدًا.

تقع مدونتي تحت مظلة JAMstack. يتم إنشاء كل HTML في وقت النشر ، ولا يحدث شيء آخر.