المقدمة

مكتمل

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

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

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

في هذه الوحدة، سوف تستخدم أدوات سطر أوامر Gatsby لإنشاء تطبيق ويب جديد. ستقوم بإنشاء صفحة في التطبيق وإضافة محتوى إليها باستخدام أدوات الاستعلام من Gatsby. وأخيرًا، ستقوم بنشر تطبيقك على الويب باستخدام خدمة Azure Static Web Apps.

بنهاية الوحدة، سوف تكون قادرًا على إنشاء تطبيقات الويب باستخدام Gatsby ونشرها على الويب.

الأهداف التعليمية

خلال هذه الوحدة، سوف تتمكن مما يلي:

  • استخدام Gatsby لإنشاء تطبيق ويب ثابت
  • إضافة بيانات إلى إحدى الصفحات في التطبيق باستخدام استعلام GraphQL
  • نشر تطبيقك على الويب باستخدام Azure Static Web Apps

المتطلبات الأساسية

  • Git وNode.js مثبتان على الكمبيوتر لديك
  • الإلمام بتحرير النصوص وملفات التعليمات البرمجية في أي محرر نصوص
  • خبرة بمستوى المبتدئين في بناء التطبيقات باستخدام Gatsby
  • خبرة في استخدام سطر الأوامر، بما في ذلك عمليات Git
  • حساب GitHub