مشروع مفتوح المصدر
NextRanger
أساس هندسي صارم لـ Next.js حيث تُفرض القرارات المعمارية بالأدوات لا بالتوثيق الذي يُنسى.
نظرة عامة
NextRanger هي نقطة الانطلاق التي أستخدمها في أعمال الواجهة الأمامية الجادة. فرضيتها أن الاتفاقيات التي يوافق عليها الفريق دون آلية فرض ستتآكل مع الوقت، لذا فكل قاعدة مهمة تُعبَّر عنها كقاعدة فحص، أو نوع بيانات، أو اختبار فاشل، لا كفقرة في ملف README.
الهندسة المعمارية
Next.js App Router بمكونات خادم افتراضية، وTypeScript صارم، وبنية تعتمد الوحدات أولًا بتبعيات أحادية الاتجاه: المسارات تعتمد على الوحدات، والوحدات على الكود المشترك، والمشترك على أغلفة المكتبات الخارجية، ولا اتجاه عكسي أبدًا. لكل حزمة خارجية غلاف مالك واحد فقط، بحيث تعيش الترقيات ومعالجة الأخطاء في ملف واحد مُراجَع.
الجانب الهندسي
إضافة ESLint مخصصة تفرض سياسة الطبقات، وملكية الحزم، والمكونات المقتصرة على TSX، وتغطية الترجمة. تغطي Vitest وPlaywright اختبارات الوحدة والتكامل والشاملة وإمكانية الوصول والاختبار البصري، إلى جانب التدويل مع دعم الاتجاه من اليمين لليسار، وسياسة أمان محتوى قائمة على nonce، وبوابات CI تشغّل المجموعة كاملة قبل أي دمج.
- الدور
- المؤلف. صممت النموذج المعماري، ومجموعة قواعد ESLint المخصصة، وبوابات الجودة.
- الفئة
- تطوير شامل
- التقنيات
- Next.jsReactTypeScriptESLintVitestPlaywrightTailwind CSS
- اللغة
- TypeScript