next antd scaffold

Ant-Design, Redux, Redux-Saga, Fetch 및 PM2와의 빠른 사용을 위해 Next.js를 기반으로 한 간단한 스캐 폴드.

영어 | 简体中文

? 홈페이지

다음 항문-스카 폴드 데모

다음 버전을 사용하는 것을 좋아한다면 더 낮은 버전 11입니다. 거기에서 더 많은 버전을 확인하십시오. 버전의 역사.

? 브라우저 지원

크롬 39.0+ 9.	가장자리 12.0++	Firefox 30.0+ ✔	IE 11+ ✔	사파리 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에서 준비되었습니다

특징

• 반응
• 다음 .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

• 웹 팩 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 솔루션은 불완전합니다.

• 프로덕션 포장 속도를 높이는 방법?

...

FAQ 문서를 확인하십시오