As I use next more and more, I tend to replicate a few patterns when starting a new app from scratch. I’m leaving this here for documenting my best practices while using next as a framework.
Add a few scripts to package.json
"scripts": { "dev": "next dev", "build": "next build", "start": "next start", "deploy": "now && now alias", "lint": "eslint ." }, "now": { "alias": "xxxxxxxxxxxx.now.sh" }
Get an .eslintrc file
$ wget https://gist.githubusercontent.com/oskosk/9257f15ade7701017bdfe3ad843efdf0/raw/2c52bfd53adbe8bef659fb472bcfdff84c273960/.eslintrc
The dependencies
$ npm install --save react react-dom next isomorphic-fetch $ npm install --save-dev eslint babel-eslint eslint-plugin-react
Create some dirs
$ mkdir pages components lib static && touch pages/index.js && touch static/styles.css
Some commands
$ npm run dev $ npm run deploy