A simple scaffold based on Next.js for quick use with ant-design, redux, redux-saga, fetch and pm2.
English | 简体中文
🏠 HomePage
If you like use the next version is lower version 11. Please check more version from there
🌲 Versions History.
🌍 Browser Support
 |
 |
 |
 |
 |
|---|---|---|---|---|
| Chrome 39.0+ |
Edge 12.0+ |
Firefox 30.0+ |
IE 11+ |
Safari 9.1+ |
📁 Directory
——————
| -- 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
📖 Usage
development
1. git clone https://github.com/luffyZh/next-antd-scafflod.git
2. yarn install
3. yarn start
The application is ready on http://localhost:3006
production
1. yarn build
2. yarn prod
The application is ready on http://localhost:5999
✨ Features
- React
- Next.js
- Redux
- Redux-Saga
- Ant-Design
- Fetch
🔨 How to depoly application by pm2
# 1. install pm2
$ npm install -g pm2
# 2. build project
$ yarn build
# 3. pm2 deploy project
$ pm2 start pm2.config.js🪂 Deploy By now
🌲 Versions History
next_version_11
- webpack 5
next_version_10
- All hooks API (Component/Redux)
next_verion_9.3.5
next_verion_8.1.0
💐 More Demo
- Full Stack Demo —— Branch_backend
- Auth && Verify Demo —— Branch_auth
- Server Error Demo —— Branch_server-error
🤔️ More Questions
-
How to listen for routing changes?
-
The solution of
min-css-extract-pluginwarning in the console! -
How to polyfill IE10/IE9 in this scaffold?
-
The ant-design style flash when page refresh!
-
The solution of
ant-designin the development environment style load is incomplete. -
How to speed up packing in production?
...
Please check the Faq documentation