next antd scaffold

基於Next.js的簡單腳手架，可快速與Ant-Design，Redux，Redux-Saga，Fetch和PM2一起使用。

英語| 簡體中文

？首頁

Next-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
• 螞蟻設計
• 拿來

？如何通過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的解決方案！

• 如何在此腳手架中多填充IE10/IE9？

• 頁面刷新時的螞蟻設計樣式閃光燈！

• ant-design在開發環境樣式負載中的解決方案是不完整的。

• 如何加快生產中的包裝？

...

請檢查常見問題解答文檔