Merge pull request #21 from deptno/next/7

Next/7

Author: deptno

.babelrc.js

@@ -1,5 +1,13 @@
 # changelog
 
+### 7.0.1
+- replace npm with yarn in `README.me`
+- remove storybook
+- apply postcss-preset-env
+- typescript@3.1.1
+- next@7.0.1
+- react@16.5
+
 ### 6.1.1
 - typescript@3.0.1
 - next@6.1.1

CHANGELOG.md

@@ -5,9 +5,9 @@
 Start with sample
 
 ### Latest update
-- typescript@3.0.1
-- next@6.1.1
-- react@16.4
+- **REMOVED storybook** (conflict with TypeScript, Next), you can use via old version [v6.0.1](https://github.com/deptno/next.js-typescript-starter-kit/releases/tag/6.0.1)
+- typescript@3.1.1, next@7.0.1, react@16.5
+- applied postcss-preset-env
 
 > see **[ChangeLog](CHANGELOG.md)**
 
@@ -16,16 +16,9 @@ Start with sample
  - Styled-jsx
  - Module css **(PostCSS - cssnext, nested, import)**
  - SEO & analytics(Google Analytics, Facebook Pixel, <s>Naver Analytics</s>)
- - Storybook **(support module css)**
+ - ~~Storybook **(support module css)**~~
  - Jest & Enzyme **(support module css)**
 
-### Packages
- - next@6.1.1
- - react@16.4
- - redux-thunk
- - react-ga
- - redux-persist@4
-
 ### Load from CDN
  - font-awesome@5
 
@@ -35,47 +28,53 @@ Start with sample
 git clone https://github.com/deptno/next.js-typescript-starter-kit my-project
 cd my-project
 rm -r .git
-npm install
+yarn
 ```
 
 ## Run :rocket:
 
 #### :rocket: Test
 ```bash
-npm run test # test
-npm run test:watch
-npm run test:coverage # report coverage
+yarn test # test
+yarn test:watch
+yarn test:coverage # report coverage
 ```
 
+<details><summary>~~:rocket: StoryBook~~</summary>
+<p>
+
 #### :rocket: StoryBook
 ```bash
-npm run storybook # open browser localhost:6006
+yarn storybook # open browser localhost:6006
 ```
 
 ```bash
-npm run build-storybook # Build storybook static assets
+yarn build-storybook # Build storybook static assets
 ```
 
+</p>
+</details>
+
 ### :rocket: Development
 
 ```bash
-npm run start:dev # run
+yarn start:dev # run
 ```
 
 ### :rocket: Production
 
 #### Serve
 ```bash
-npm install
-npm run build # create .next directory
-npm start # start server
+yarn
+yarn build # create .next directory
+yarn start # start server
 ```
 
 #### Build static HTML
 ```bash
-npm install
-npm run build # create .next directory
-npm run export # create .out directory
+yarn
+yarn build # create .next directory
+yarn export # create .out directory
 ```
 
 ## Configuration

README.md

@@ -0,0 +1,16 @@
+module.exports = (api) => {
+  api.cache(true)
+  return {
+    presets: [
+      'next/babel',
+      '@zeit/next-typescript/babel'
+    ],
+    plugins: [
+      '@babel/proposal-class-properties',
+      '@babel/proposal-object-rest-spread',
+      ['transform-define', {
+        'process.env.NODE_ENV': process.env.NODE_ENV
+      }]
+    ]
+  }
+}

babel.config.js

@@ -1,7 +1,5 @@
-const path                   = require('path')
 const withTypescript         = require('@zeit/next-typescript')
 const withCSS                = require('@zeit/next-css')
-const {exportPathMap}        = require('nextjs-export-path-map')
 const {BundleAnalyzerPlugin} = require('webpack-bundle-analyzer')
 
 module.exports = withTypescript(
@@ -17,6 +15,5 @@ module.exports = withTypescript(
       return config
     },
     cssModules: true,
-    exportPathMap: exportPathMap.bind(null, path.join(__dirname, 'pages')),
   })
 )

next.config.js

@@ -1,6 +1,6 @@
 {
   "name": "next.js-typescript-starter-kit",
-  "version": "6.1.1",
+  "version": "7.0.1",
   "main": "index.js",
   "repository": "https://github.com/deptno/next.js-typescript-starter-kit",
   "author": "Bonggyun Lee <deptno@gmail.com>",
@@ -15,16 +15,14 @@
     "test": "jest",
     "test:watch": "jest --watch",
     "test:coverage": "jest --coverage",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook",
     "ts:check": "tsc --noEmit"
   },
   "dependencies": {
-    "classnames": "^2.2.5",
-    "moment": "^2.22.1",
-    "next": "^6.1.1",
-    "react": "^16.4.2",
-    "react-dom": "^16.4.2",
+    "classnames": "^2.2.6",
+    "moment": "^2.22.2",
+    "next": "^7.0.1",
+    "react": "^16.5.2",
+    "react-dom": "^16.5.2",
     "react-ga": "^2.5.3",
     "react-redux": "^5.0.7",
     "redux": "^4.0.0",
@@ -33,40 +31,25 @@
     "redux-thunk": "^2.3.0"
   },
   "devDependencies": {
-    "@storybook/addon-actions": "^3.4.7",
-    "@storybook/addon-info": "^3.4.7",
-    "@storybook/addon-links": "^3.4.7",
-    "@storybook/addons": "^3.4.7",
-    "@storybook/react": "^3.4.7",
-    "@types/classnames": "^2.2.3",
+    "@types/classnames": "^2.2.6",
     "@types/enzyme": "^3.1.10",
     "@types/enzyme-adapter-react-16": "^1.0.2",
-    "@types/jest": "^22.2.3",
+    "@types/jest": "^23.3.3",
     "@types/node": "^8.10.14",
     "@types/react": "^16.3.14",
     "@types/react-redux": "^6.0.0",
-    "@zeit/next-css": "^0.2.0",
-    "@zeit/next-typescript": "^1.1.0",
-    "awesome-typescript-loader": "4",
-    "babel-loader": "^7.1.4",
+    "@zeit/next-css": "^1.0.1",
+    "@zeit/next-typescript": "^1.1.1",
+    "babel-loader": "^8.0.4",
     "babel-plugin-transform-define": "^1.3.0",
-    "cssnano": "^3.10.0",
-    "enzyme": "^3.3.0",
-    "enzyme-adapter-react-16": "^1.1.1",
-    "jest": "^22.4.3",
-    "nextjs-export-path-map": "^0.1.2",
-    "postcss": "^6.0.23",
-    "postcss-browser-reporter": "^0.5.0",
-    "postcss-cssnext": "^3.1.0",
-    "postcss-import": "^11.1.0",
-    "postcss-loader": "^2.1.5",
-    "postcss-nested": "^3.0.0",
-    "postcss-reporter": "^5.0.0",
-    "postcss-url": "^7.3.2",
-    "react-docgen-typescript-webpack-plugin": "^1.1.0",
-    "ts-jest": "^22.4.6",
-    "typescript": "^3.0.1",
-    "webpack-bundle-analyzer": "^2.11.2"
+    "enzyme": "^3.7.0",
+    "enzyme-adapter-react-16": "^1.6.0",
+    "jest": "^23.6.0",
+    "postcss": "^7.0.5",
+    "postcss-preset-env": "^6.0.10",
+    "ts-jest": "^23.10.3",
+    "typescript": "^3.1.1",
+    "webpack-bundle-analyzer": "^3.0.2"
   },
   "jest": {
     "moduleFileExtensions": [
@@ -82,8 +65,8 @@
     ],
     "globals": {
       "ts-jest": {
-        "useBabelrc": true,
-        "tsConfigFile": "jest.tsconfig.json"
+        "babelConfig": true,
+        "tsConfig": "jest.tsconfig.json"
       }
     },
     "coveragePathIgnorePatterns": [

package.json

@@ -1,10 +1,5 @@
 module.exports = {
   plugins: [
-    require('postcss-import'),
-    require('postcss-url'),
-    require('postcss-cssnext'),
-    require('postcss-nested'),
-    require('postcss-browser-reporter'),
-    require('cssnano')({autoprefixer: false})
+    require('postcss-preset-env')()
   ]
 }