LogoA Template
icon of nextjs-redux-starter

nextjs-redux-starter

Next.js starter with Express, Redux Toolkit, styled-components, and react-testing-library for building modern universal React apps.

Introduction

Next.js redux starter

An opinionated Next.js starter kit with Express, Redux Toolkit, styled-components, and react-testing-library.

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
A template
Copy badages awards

Newsletter For Templates

Join the Community For Templates

Subscribe to Templates newsletter for the latest news and updates