Next.js redux starter
An opinionated Next.js starter kit with Express, Redux, styled-components, and react-testing-library.
About
Next.js is an awesome and minimalistic framework to make a modern universal react app. However, there're times that we need a bit more features to build a complex SPA. That's why this project is born.
Features
- ▲ Based on latest Next.js
🚄 Dynamic routing with express and next-routes.🗄 State management with redux, react-redux, and next-redux-wrapper💅 Styling with styled-components🐐 Unit testing with react-testing-library🛀 Linting staged changes on pre-commit with standard⛑ react-helmet, Immutable.js , dotenv, and more...
Getting started
git clone https://github.com/CodementorIO/nextjs-redux-starter my-project
cd my-project
yarn install
yarn start
Then open http://localhost:3100/ to see your app.
Deployment
After npm run build finished, run
yarn serve
If you prefer using now, just modify now.json config.
Structure overview
├── README.md
├── next.config.js
├── package.json
├── pages
│ ├── _app.js
│ ├── _document.js
│ ├── about.js
│ └── index.js
├── routes.js
├── server
│ └── index.js
├── src
│ ├── actions
│ │ └── repos.js
│ ├── components
│ │ └── SearchResults.js
│ ├── config.js
│ ├── containers
│ │ └── SearchRepoContainer.js
│ ├── libs
│ │ └── github.js
│ ├── reducers
│ │ ├── index.js
│ │ └── repos.js
│ ├── store
│ │ └── createStore.js
│ └── test
│ ├── components
│ │ └── SearchResults.test.js
│ └── test-utils.js
└── yarn.lock