الصفحة الرئيسية>موارد بناء الموقع>بيانات الموقع
تنزيل

README BANNER مع الرسوم التوضيحية الدافعة

الموقع الإلكتروني

هذا هو المستودع مع الكود المصدري لموقع الويب الخاص بـ Armora ، عشنا الخاص على الويب. نجد أنه عمل فني ، لكن بالطبع نحن متحيزون.

إذا وجدت أنه مثير للاهتمام أو ملهمًا أو تعلم شيئًا منه ، فتأكد من ترك نجمة ️

بنيان

لقد قمنا بتطوير هذا الموقع باستخدام Svelte + Sveltekit ، ومكتبة واجهة المستخدم المخصصة @significa/svelte-ui المنشورة تحت دلالة/زوايا svelte-ui

لإنجاز جميع الميزات ، نستفيد من بعض الخدمات الخارجية:

  • CMS - StoryBlok: هو المكان الذي نقوم فيه بتكوين موقع الويب ، ونبني الصفحات ، وتخزين الأصول وتقديمها.
  • دلو التخزين - AWS S3: تستخدم لتخزين المرفقات ، تم تحميلها عبر نماذج الاتصال.
  • مرسل البريد الإلكتروني - AWS SES: تستخدم لإرسال رسائل البريد الإلكتروني للإخطار.
  • قاعدة بيانات NOSQL - AWS Dynamo DB: تهدف إلى تخزين واسترداد رسومات البيض "seggs" التي يرسمها مستخدمونا.
  • قاعدة بيانات تقديم النموذج - فكرة: نقوم بإنشاء إدخال جديد على قاعدة بيانات فكرة عندما يقدم شخص ما نموذجًا. بهذه الطريقة يمكننا الحفاظ على كل شيء في مساحة مركزية.

يتم استضافة موقع الويب على Vercel ، ويتم نشره عبر سير عمل إجراءات GitHub. يتم أيضًا إجراء جميع عمليات التحقق من التكامل المستمر (CI) عبر إجراءات GIHUB.

لدينا ثلاث بيئات متميزة للموقع:

  • local-development للمطورين لتطوير واختبار رمزهم على أجهزتهم ؛
  • staging المحدد للفرع main ومعاينة عمليات النشر (طلبات السحب) ؛
  • تم نشر production عند نشر إصدار.

هذا يعني أن البنية التحتية بأكملها لديها نسخة لكل بيئة. يتضمن مفاتيح مميزة وتكاملات خارجية: موارد AWS ، تطبيقات الأفكار ، قواعد البيانات ، إلخ.

إليك كيفية توصيل كل شيء (تمثل الأسهم بادئ الطلب):

مخطط البنية التحتية

المساهمة

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

متطلبات

  • قم بتثبيت إصدار العقدة المحدد في ملف .nvmrc (باستخدام مدير إصدار العقدة المفضل لديك).

  • احصل على التطوير المحلي .env باستخدام 1Password-Secrets: 1password-secrets local pull . أو إنشاء واحدة مع بناء على المثال في .env.example .

  • قم بتثبيت التبعيات باستخدام npm install (أو npm ci لقفل القفل المجمد).

تطوير

  • ابدأ خادم التطوير: npm run dev
  • تنسيق تلقائي الرمز: npm run format

الاختبار والبطانة

  • npm run validate
  • npm run test

النشر والإفراج

تحد بيئة التدريج للفرع main ، كل إضافة جديدة إلى هذا الفرع ، تنشئ نشرًا جديدًا على التدريج.

لنشر إصدار جديد على الإنتاج ، إنشاء إصدار متوافق مع Semver في Github (مسبوقة بـ v ، على سبيل المثال: vX.XX ) ، سيتم نشره تلقائيًا على الإنتاج

لإنشاء الإصلاحات الساخنة:

  • تسجيل المغادرة إلى أحدث إصدار git checkout vX.XX ؛
  • إنشاء فرع جديد git checkout -b hotfix/XXXX ؛
  • إنشاء علاقات عامة إلى main ، الحصول على الموافقة ، ودمجها ؛
  • قم بإنشاء إصدار جديد يعتمد على فرع Hotfix الخاص بك. استخدم فروع release/xxx لإصلاحات الدفعة معًا.

رخصة

هذه المادة مرخصة بموجب ترخيص AGPL ، مما يتيح لك إعادة التعلم والتعلم والتجربة معها بحرية.

ومع ذلك ، يرجى ملاحظة أن هذا ليس مشروعًا تقليديًا مفتوح المصدر ؛ يتم وصفه بدقة أكبر على أنه مصدر متاح . وفقًا لترخيص AGPL ، يعد إعادة توزيع رمز المصدر بموجب نفس الترخيص ، مع إسناد المؤلف الأصلي ، إلزاميًا. نظرًا لأنه لا يمكن تقديم البرنامج إلا عبر الشبكة ، يجب الكشف عن الرمز المصدر بشكل صحيح.

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

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل