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
- π 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