الملخص

  • دقيقة واحدة

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

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

Gatsby يعتمد على React.js، وGraphQL، والرسم البياني للبيانات داخل الذاكرة. باستخدام بيانات JSON من الرسم البياني داخل الذاكرة، يمكنك إنتاج صفحات باستخدام مكونات React.js مع بيانات ومحتوى من مصادر عديدة.

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

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

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

الموارد الإضافية

إليك بعض الموارد لمساعدتك على معرفة المزيد عن Gatsby والأدوات والتقنيات المستخدمة في الوحدة.