https://github.com/CodementorIO/nextjs-redux-starter
Next.js + Redux + styled-components + Express = 😇
https://github.com/CodementorIO/nextjs-redux-starter
express nextjs react redux ssr starter-kit styled-components
Last synced: about 1 month ago
JSON representation
Next.js + Redux + styled-components + Express = 😇
- Host: GitHub
- URL: https://github.com/CodementorIO/nextjs-redux-starter
- Owner: CodementorIO
- Created: 2018-01-19T10:40:03.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2022-12-10T17:13:27.000Z (over 2 years ago)
- Last Synced: 2025-03-13T07:41:45.247Z (about 1 month ago)
- Topics: express, nextjs, react, redux, ssr, starter-kit, styled-components
- Language: JavaScript
- Homepage: https://nextjs-redux-starter.now.sh/
- Size: 1.84 MB
- Stars: 375
- Watchers: 12
- Forks: 100
- Open Issues: 25
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- Awesome-NextJs - nextjs-redux-starter - [demo](https://nextjs-redux-starter.vercel.app/) (Nextjs Starter)
- awesome-nextjs - Next Redux Starter - Next.js starter with Express, Redux, and PostCSS. (Boilerplates)
- fucking-awesome-nextjs - Next Redux Starter - Next.js starter with Express, Redux, and PostCSS. (Boilerplates)
README
# Next.js redux starter
An opinionated Next.js starter kit with Express, Redux Toolkit, styled-components, and react-testing-library.
[](https://travis-ci.org/CodementorIO/nextjs-redux-starter)
[](https://standardjs.com) [](https://greenkeeper.io/)
## 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](https://github.com/zeit/next.js)
- 🗄 State management with [redux-toolkit](https://github.com/reduxjs/redux-toolkit)
- 💅 Styling with [styled-components](https://github.com/styled-components/styled-components)
- 🐐 Unit testing with [react-testing-library](https://github.com/testing-library/react-testing-library)
- 🛀 Linting staged changes on [pre-commit](https://github.com/pre-commit/pre-commit) with [standard](https://github.com/standard/standard)
- ⛑ [react-helmet](https://github.com/nfl/react-helmet), [dotenv](https://github.com/motdotla/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
```