codementorio / nextjs-redux-starter

Next.js + Redux + styled-components + Express = 😇

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/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
├── 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