Next.js redux starter
An opinionated Next.js starter kit with Express, Redux Toolkit, 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
-
๐ State management with redux-toolkit -
๐ Styling with styled-components -
๐ Unit testing with react-testing-library -
๐ Linting staged changes on pre-commit with standard -
โ react-helmet, dotenv, and more...
Getting started
git clone https://github.com/kiddodev050/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
โโโ 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