react next boilerplate

️ تحذير: لم يعد هذا المستودع يتم الحفاظ عليه. نوصي بالترحيل إلى Repo الجديد للحصول على آخر التحديثات والدعم.

نقضي وقتًا في استخدام ممارسات مجتمع جيدة لجعل مشروعك قابلاً للتطوير.

_{أساس لتقليل تكوين مشاريعك مع Next.js ، أفضل ممارسات التطوير والمكتبات الشعبية في مجتمع المطورين.}

سمات

• REDUX-SAGA : مكتبة تهدف إلى جعل الآثار الجانبية للتطبيق (أي الأشياء غير المتزامنة مثل البيانات التي تجلب وأشياء غير مؤهلة مثل الوصول إلى ذاكرة التخزين المؤقت للمستعرض) أسهل في الإدارة ، وأكثر كفاءة في التنفيذ ، وسهولة الاختبار ، والأفضل في التعامل مع الفشل.
• Redux-Saga-Routines : منشئ حركة ذكية لـ Redux. مفيد لأي نوع من الإجراءات غير المتزامنة مثل جلب البيانات. كما أنه متوافق تمامًا مع شكل Redux Saga و Redux.
• NEXT-I18NEXT : مشاريع مكون إضافي لـ NEXT.JS يتيح لك الحصول على ترجمات وتشغيلها بسرعة وسهولة ، مع دعم SSR بالكامل ، ومساحات أسماء متعددة مع تقسيم التعليمات البرمجية ، إلخ.
• i18next : تدويل-راميوور مكتوب في جافا سكريبت. لكنه أكثر من ذلك بكثير.
• Redux : حاوية حالة يمكن التنبؤ بها لتطبيقات JavaScript.
• Reselect : مكتبة Simple Selector لـ Redux (وغيرها) مستوحاة من getters في nuclearjs ، والاشتراكات في إعادة الإطار وهذا الاقتراح من Speedskater.
• Immer : (الألمانية لـ: دائمًا) هي حزمة صغيرة تتيح لك العمل مع حالة غير قابلة للتغيير بطريقة أكثر ملاءمة. يعتمد على آلية النسخ على الكتابة
• @Testing-Library/React : أدوات اختبار DOM بسيطة وكاملة تشجع ممارسات الاختبار الجيدة.
• SEO : تتمثل مزايا هذا النهج في إنشاء تجارب مستخدم غنية بطريقة موحدة ، دون المساس بعوامل تحسين محرك البحث (SEO) والتي تعد مفتاح الترتيب الجيد على Google ومحركات البحث الأخرى.
• المحارف : الاستضافة الذاتية أسرع بكثير. يضيف تحميل محرف من خطوط Google أو خدمة الخط المستضاف الأخرى طلب شبكة إضافية (حظر).
• العاطفة : مكتبة مصممة لكتابة أنماط CSS مع JavaScript. إنه يوفر تكوينًا قويًا ويمكن التنبؤ به بالإضافة إلى تجربة مطور رائعة مع ميزات مثل خرائط المصدر والعلامات وأدوات الاختبار.

ابدء

مرحبًا بك في الوثائق الخفيفة لـ React Next Boilerplate!

متطلبات النظام

• node.js 10 أو بعد ذلك
• يتم دعم MacOS و Windows (بما في ذلك WSL) و Linux

يثبت

إما انقر فوق هذا الرابط أو استنساخ هذا الريبو يدويًا والانتقال إلى الدليل المتسابق عبر:

git clone --depth=1 https://github.com/react-next-boilerplate/react-next-boilerplate.git < YOUR_PROJECT_NAME > `
cd < YOUR_PROJECT_NAME >

ثم ، قم بتثبيت التبعيات وقم بتشغيل خادم DEV:

yarn
yarn dev

لمشاهدة تطبيق المثال على http://localhost:3000 ، تشغيل:

open http://localhost:3000

تشير هذه البرامج النصية إلى المراحل المختلفة لتطوير التطبيق:

• dev - يعمل next الذي يبدأ next.js في وضع التطوير
• build - يقوم بتشغيل الإنشاء next الذي يبني تطبيقًا لاستخدام الإنتاج
• start - تشغيله next الذي يبدأ خادم إنتاج next.js next.js

أنت الآن مستعد للدموع! ؟

الوثائق

• الأوامر: الحصول على أقصى استفادة من هذا الغلاية

العرض التوضيحي

مدونة لقواعد السلوك

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

المساهمة

شكرا لك على اهتمامك بالمساهمة ؛ نحن سعداء أنك تريد المساعدة. لدينا دليل مساهم لمساعدتك في البدء.

رخصة

تم ترخيص هذا المشروع بموجب ترخيص معهد ماساتشوستس للتكنولوجيا ، حقوق الطبع والنشر (C) 2019 Jorge Luis Calleja Alvarado. لمزيد من المعلومات ، راجع ترخيص المشروع.

المؤلفون

• خورخي لويس كاليجا ألفارادو (wootsbot) - رد فعل المقبل