next antd scaffold

سقالة بسيطة تعتمد على next.js للاستخدام السريع مع التصميم ANT و REDUX و REDUX-SAGA و FETCH و PM2.

الإنجليزية | 简体中文

؟ الصفحة الرئيسية

المقبل antd-scaffold-demo

إذا كنت ترغب في استخدام الإصدار التالي هو الإصدار 11. يرجى التحقق من المزيد من الإصدار من هناك؟ تاريخ الإصدارات.

؟ دعم المتصفح

Chrome 39.0+ ✔	الحافة 12.0+ ✔	Firefox 30.0+ ✔	أي 11+ ✔	Safari 9.1+ ✔

؟ دليل

 ——————
  | -- assets                    // ant-design global less var
  | -- docs                      // documents directory
  | -- public                    // static files directory
      | -- static                // compatible with < version 9.0
      | -- favicon.ico           // some files examples like seo files
      | -- ...
  | -- src                       // source directory
      | -- components            // React UI component
      | -- constants             // constant directory
          | -- ActionsTypes.js   // save all action type
          | -- ApiUrlForBE.js    // save all apiUrl
          | -- ...
      | -- core                  // mehtod dirctory
          | -- util.js           // project method
          | -- nextFetch.js      // packing unfetch for easy use
      | -- middlewares           // middlewares
          | -- client            // client middlewares, deal redux action
          | -- server            // server middlewares, deal node event
      | -- pages                 // Next.js routes
      | -- redux                 // redux directory
          | -- actions           // deal all project actions
          | -- reducers          // deal all project reducers
          | -- sagas             // sace all project sagas
          | -- store.js          // the store of project
  | -- .babelrc              // babel config file
  | -- .eslintrc             // eslint config file
  | -- .gitignore
  | -- next.config.js        // Next.js config file
  | -- package.json
  | -- server.js             // server file
  | -- pm2.config.js         // pm2 deploy config file
  | ...                      // other files

الاستخدام

تطوير

 1. git clone https://github.com/luffyZh/next-antd-scafflod.git
 2. yarn install
 3. yarn start

التطبيق جاهز على http: // localhost: 3006

إنتاج

 1. yarn build
 2. yarn prod

التطبيق جاهز على http: // localhost: 5999

سمات

• رد فعل
• Next.js
• Redux
• Redux-Saga
• تصميم النمل
• أحضر

؟ كيفية DEPOLY Application بواسطة PM2

 # 1. install pm2
$ npm install -g pm2

# 2. build project
$ yarn build

# 3. pm2 deploy project
$ pm2 start pm2.config.js

؟ نشر الآن

؟ تاريخ الإصدارات

next_version_11

• WebPack 5

next_version_10

• جميع الخطافات API (مكون/Redux)

Next_verion_9.3.5

Next_verion_8.1.0

؟ المزيد من العرض التوضيحي

• عرض مكدس كامل —— Branch_backend
• Auth && تحقق من العرض التوضيحي —— Branch_auth
• خادم خادم العرض التوضيحي —— Branch_server-error

المزيد من الأسئلة

• كيف تستمع لتغييرات التوجيه؟

• حل min-css-extract-plugin تحذير في وحدة التحكم!

• كيف تتمثل في polyfill ie10/ie9 في هذا السقالة؟

• فلاش نمط النمل النمط عند تحديث الصفحة!

• حل ant-design في حمل نمط بيئة التطوير غير مكتمل.

• كيف تسريع التعبئة في الإنتاج؟

...

يرجى التحقق من وثائق الأسئلة الشائعة