nextjs redux starter

next.js reduxスターター

Express、Redux Toolkit、Styled Components、およびReact-Testing-Libraryを備えたJSスターターキットを意見しました。

について

Next.jsは、最新のユニバーサルReactアプリを作成するための素晴らしい最小限のフレームワークです。ただし、複雑なスパを構築するにはもう少し機能が必要な場合があります。そのため、このプロジェクトが生まれます。

特徴

• ▲最新のnext.jsに基づいています
• ？ Redux-Toolkitを使用した状態管理
• ？スタイルのコンポーネントを備えたスタイリング
• ？ React-Testing-Libraryによる単体テスト
• ？ Linting Pre-Commitの標準の段階的な変更
• ⛑反応ヘルメット、ドテンフなど...

はじめる

 git clone https://github.com/CodementorIO/nextjs-redux-starter my-project
cd my-project
yarn install
yarn start

次に、 http://localhost:3100/を開き、アプリを表示します。

展開

npm run buildが終了した後、実行します

 yarn serve

now使用する場合は、 now.json変更するだけです。JSONConfig。

構造の概要

 ├── README.md
├── next.config.js
├── now.json
├── package.json
├── pages
│   ├── _app.js
│   ├── _document.js
│   ├── about.js
│   └── index.js
├── public
│   └── static
├── server
│   └── index.js
├── src
│   ├── components
│   ├── config.js
│   ├── features
│   ├── libs
│   ├── store.js
│   ├── tests
│   │   ├── components
│   │   └── test-utils.js
│   └── theme.js
└── yarn.lock