react saas template

الرد على قالب SaaS

بقايا أعمال SaaS التي حاولت بنائها ذات مرة. تم تحويله الآن إلى قالب لإنشاء تطبيق SaaS/admin باستخدام React + Material-UI.

تحقق من العرض

ابدء

المتطلبات الأساسية

Node.js 12+ (الإصدارات أدناه يمكن أن تعمل، ولكن لم يتم اختبارها)

• لينكس:

   sudo apt install nodejs npm
  

• ويندوز أو ماك:

  https://nodejs.org/en/

التثبيت

1. استنساخ المستودع

    git clone https://github.com/dunky11/react-saas-template
   

2. تثبيت التبعيات، قد يستغرق ذلك دقيقة واحدة

    cd react-saas-template
   npm install
   

3. بدء تشغيل الخادم المحلي

    npm start
   

يجب الآن أن يفتح متصفحك ويعرض التطبيق. بخلاف ذلك، افتح http://localhost:3000/ في متصفحك. سيؤدي تحرير الملفات إلى تحديث الصفحة تلقائيًا.

ماذا تفعل بعد ذلك؟

إذا كنت مستخدمًا جديدًا لـ React، فيجب عليك مشاهدة البرنامج التعليمي الأساسي لـ React أولاً.

إذا كنت تعرف React، فإن معظم المعلومات التي تحتاجها موجودة في وثائق Material-UI.

يمكنك الانتقال إلى src/theme.js وتغيير رموز الألوان الأساسية والثانوية في الجزء العلوي من البرنامج النصي إلى القيم التي تريدها وسيحدث بعض السحر.

النشر

إذا كنت راضيًا عن حالة موقع الويب الخاص بك، فيمكنك تشغيل:

 npm run build 

سيتم إنشاء مجلد باسم build مع مشروعك المترجم بداخله. بعد ذلك انسخ محتواه إلى webroot الخاص بك وستكون جاهزًا للبدء.

بنيت مع

• إنشاء تطبيق رد فعل - يُستخدم لبدء التطوير
• Material-UI - مكونات تصميم المواد
• React-Router - توجيه التطبيق
• السرعة - شريط التحميل في الأعلى
• Emoji-Mart - منتقي الرموز التعبيرية
• React-Dropzone - مكون إسقاط الملفات للتحميلات
• Recharts - مكتبة الرسوم البيانية التي استخدمتها للإحصائيات
• Aos - الرسوم المتحركة بناءً على إطار العرض
• React-Cropper - أداة قص لتحميل الصور
• React-Stripe-js - عناصر الدفع المشارب

يساهم

أظهر دعمك للمشروع. طلبات السحب مرحب بها دائمًا.

رخصة

تم ترخيص هذا المشروع بموجب ترخيص MIT - راجع ملف LICENSE.md للحصول على التفاصيل.