Next.js + Redux + SASS (in styled-jsx!) + Express = πŸ˜‡
Branch: master
Clone or download

Next.js redux starter

An opinionated Next.js starter kit with Express, Redux, SASS, and Jest.


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.


Getting started

git clone my-project
cd my-project
yarn install
yarn start

Then open http://localhost:3100/ to see your app.

Structure overview

β”œβ”€β”€ next.config.js
β”œβ”€β”€ package.json
β”œβ”€β”€ pages
β”‚Β Β  β”œβ”€β”€ _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
β”‚Β Β  β”œβ”€β”€ styles
β”‚Β Β  β”‚Β Β  β”œβ”€β”€ SearchResults.scss
β”‚Β Β  β”‚Β Β  └── base.scss
β”‚Β Β  └── test
β”‚Β Β      β”œβ”€β”€ __mocks__
β”‚Β Β      β”‚Β Β  └── styleMock.js
β”‚Β Β      β”œβ”€β”€ components
β”‚Β Β      β”‚Β Β  └── SearchResults.test.js
β”‚Β Β      └── jest.setup.js
└── yarn.lock