Create React apps with next.js but without pain.
Use ready made solutions and build your application on top of it eeeeeasyly.
-
Clone the branch you need
-
cd to Next.js-starter folder.
-
Install all dependencies via npm
npm i
or yarnyarn install
. -
Start your web server
yarn start
||npm run start
.
.
├── actions # Redux actions used api/ functions
├── api # Axios requests logic
├── components/ # All components used in the project
├── constants/ # Redux constants used in actions/
├── layout/ # Laout the entire app is stored in one place
├── lib/ # HOC for redux store, to check if current status is the server or client
├── pages/ # Pages that use components/ + next logic
├── reducers/ # Redux reducers
├── store/ # Redux store with initial state
├── static/ # Used to store fonts, icons, images, css
└── ...
To build a production version of your app you need to type
npm run build
|| yarn build
This will create dist folder where everything will be compressed and minified.
This example shows how to integrate Redux, styled-components, linter in Next.js.
Also remind me stuff :D