gatsby

غاتسبي

مستقبل تطوير الويب هنا.

Gatsby هو إطار عمل مجاني ومفتوح المصدر يعتمد على React ويساعد المطورين على إنشاء مواقع ويب وتطبيقات سريعة للغاية.
فهو يجمع بين التحكم وقابلية التوسع في المواقع التي يتم عرضها ديناميكيًا وسرعة إنشاء الموقع الثابت، مما يؤدي إلى إنشاء شبكة جديدة تمامًا من الإمكانيات.

البدء السريع · البرنامج التعليمي · المكونات الإضافية · المبتدئين · العرض · المساهمة
الدعم: تويتر والمناقشات والخلاف

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

• تحميل البيانات من أي مكان. يسحب Gatsby البيانات من أي مصدر بيانات، سواء كانت ملفات Markdown، أو نظام إدارة محتوى بدون رأس مثل Contentful أو WordPress، أو REST أو GraphQL API. استخدم المكونات الإضافية المصدرية لتحميل بياناتك، ثم قم بالتطوير باستخدام واجهة GraphQL الموحدة من Gatsby.

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

• اختر خيارات العرض الخاصة بك. يمكنك اختيار خيارات عرض بديلة، وهي الإنشاء الثابت المؤجل (DSG) والعرض من جانب الخادم (SSR)، بالإضافة إلى إنشاء الموقع الثابت (SSG) - على أساس كل صفحة. يتيح لك هذا النوع من التحكم الدقيق تحسين الأداء والإنتاجية دون التضحية بأحدهما من أجل الآخر.

• يتم خبز الأداء في. قم بإجراء عمليات تدقيق الأداء بشكل افتراضي. يقوم Gatsby بأتمتة تقسيم التعليمات البرمجية، وتحسين الصورة، وتضمين الأنماط المهمة، والتحميل البطيء، والجلب المسبق للموارد، والمزيد لضمان سرعة موقعك - ​​لا يلزم إجراء ضبط يدوي.

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

• استضافة في Scale for Pennies. لا تتطلب مواقع Gatsby خوادم، لذا يمكنك استضافة موقعك بالكامل على شبكة CDN مقابل جزء بسيط من تكلفة الموقع الذي يعرضه الخادم. يمكن استضافة العديد من مواقع Gatsby مجانًا تمامًا على Netlify والخدمات المماثلة الأخرى.

• استخدم طبقة بيانات غاتسبي المركزية في كل مكان. باستخدام Valhalla Content Hub من Gatsby، يمكنك جلب طبقة بيانات Gatsby إلى أي مشروع. إتاحة الوصول إليها عبر واجهة برمجة تطبيقات GraphQL الموحدة لإنشاء مواقع المحتوى ومنصات التجارة الإلكترونية والتطبيقات المحلية وتطبيقات الويب.

تعلم كيفية استخدام Gatsby لمشروعك القادم.

قم بشحن موقع Gatsby الأول الخاص بك في 5 دقائق

انقر فوق الرابط أدناه لتجربة سير العمل بسرعة لتطوير مواقع الويب وإنشائها ونشرها باستخدام Gatsby وNetlify.

في نهاية هذه العملية، سيكون لديك

1. موقع يعمل على Netlify

2. مستودع جديد مرتبط بهذا الموقع الجديد

3. أثناء قيامك بإدخال التغييرات على مستودعك الجديد، ستقوم Netlify بإعادة بناء موقعك وإعادة نشره تلقائيًا!

ابدأ مع Gatsby محليًا في 5 دقائق

يمكنك إنشاء موقع Gatsby جديد وتشغيله على بيئة التطوير المحلية الخاصة بك خلال 5 دقائق من خلال الخطوات الأربع التالية:

1. تهيئة مشروع جديد.

    npm init غاتسبي

   أطلق عليه اسم "موقع My Gatsby".

2. ابدأ الموقع في وضع develop .

   بعد ذلك، انتقل إلى دليل موقعك الجديد وابدأ تشغيله:

    مؤتمر نزع السلاح موقع غاتسبي /
   تطوير تشغيل npm

3. افتح الكود المصدري وابدأ في التحرير!

   موقعك يعمل الآن على http://localhost:8000 . افتح دليل my-gatsby-site في محرر التعليمات البرمجية الذي تختاره وقم بتحرير src/pages/index.js . احفظ تغييراتك، وسيتم تحديث المتصفح في الوقت الفعلي!

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

؟ تعلم غاتسبي

التوثيق الكامل لـ Gatsby موجود على الموقع الإلكتروني.

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

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

نحن نرحب بالاقتراحات لتحسين مستنداتنا. راجع وثائق "كيفية المساهمة" لمزيد من التفاصيل.

ابدأ في تعلم غاتسبي: اتبع البرنامج التعليمي · اقرأ المستندات

؟ ملاحظات الإصدار

هل تتساءل عما قمنا بشحنه مؤخرًا؟ تحقق من ملاحظات الإصدار الخاصة بنا للتعرف على أبرز النقاط وتحسينات الأداء والميزات الجديدة وإصلاحات الأخطاء الملحوظة.

اقرأ أيضًا وثائقنا حول دعم الإصدار لفهم خططنا لكل إصدار من Gatsby.

أدلة الهجرة

هل لديك موقع غاتسبي بالفعل؟ ستساعدك هذه الأدلة المفيدة على إضافة تحسينات Gatsby v5 إلى موقعك دون البدء من الصفر!

• الترحيل من الإصدار 4 إلى الإصدار 5

• الترحيل من الإصدار 3 إلى الإصدار 4

• الترحيل من الإصدار 2 إلى الإصدار 3

❗ قواعد السلوك

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

؟ كيفية المساهمة

سواء كنت تساعدنا في إصلاح الأخطاء أو تحسين المستندات أو نشر الكلمة، فنحن نود أن تكون جزءًا من مجتمع Gatsby!

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

ملاحظة حول كيفية تنظيم هذا المستودع

هذا المستودع عبارة عن مستودع monorepo يتم إدارته باستخدام Lerna. هذا يعني أن هناك حزمًا متعددة مُدارة في قاعدة التعليمات البرمجية هذه، على الرغم من أننا ننشرها على NPM كحزم منفصلة.

رخصة

مرخص بموجب ترخيص MIT.

؟ شكرًا

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

إن جزءًا كبيرًا مما يجعل Gatsby رائعًا هو كل واحد منكم في المجتمع. مساهماتك تثري تجربة غاتسبي وتجعلها أفضل كل يوم.