Merge pull request #1 from KushibikiMashu/feature/update-v11

Feature/update v11

Author: Panda-Program-Web

.eslintrc.js

@@ -11,9 +11,9 @@ module.exports = {
     'plugin:react-hooks/recommended',
     'plugin:jsx-a11y/recommended',
     'plugin:import/typescript',
+    'plugin:@next/next/recommended',
     // 競合を避けるため、prettierは一番最後に書く
     'plugin:prettier/recommended',
-    'prettier/@typescript-eslint',
   ],
   globals: {
     Atomics: 'readonly',

.github/workflows/node.js.yml

@@ -20,10 +20,22 @@ jobs:
 
     steps:
     - uses: actions/checkout@v2
+
     - name: Use Node.js ${{ matrix.node-version }}
       uses: actions/setup-node@v1
       with:
         node-version: ${{ matrix.node-version }}
+
+    # @see https://zenn.dev/odan/scraps/81b2738864a908#comment-71195269e61d4f
+    - name: cache node_modules
+      id: node_modules_cache_id
+      uses: actions/cache@v2
+      with:
+        path: |
+          node_modules
+        key: node-v${{ matrix.node-version }}-deps-${{ hashFiles(format('{0}{1}', github.workspace, '/yarn.lock')) }}
+
     - run: yarn install --frozen-lockfile
-    - run: yarn test
+    - run: yarn ci
+    - run: yarn build-storybook
     - run: yarn build

.gitignore

@@ -28,3 +28,4 @@ yarn-error.log*
 .idea/
 .vercel
 .eslintcache
+storybook-static

CHANGELOG.md

@@ -1,7 +1,14 @@
 # Changelog
 
-## v.2.1.0
-### feat
+## 2.2.0
+### feature
+- update Next.js to v11
+- update dependencies
+- apply eslint-config-next
+- add lint, tsc check to ci
+
+## 2.1.0
+### feature
 - update tailwindcss module
 - update Next.js, react, react-dom
 - run husky on commit
@@ -12,33 +19,33 @@
 ### fix
 - use green color instead of teal which was removed from tailwindcss v2
 
-## v.2.0.2
+## 2.0.2
 - use yarn.lock instead of package-lock.json
 - update README.md
 
-## v.2.0.1
+## 2.0.1
 - fix: remove unused github workflow
 
-## v.2.0.0
+## 2.0.0
 - breaking: update Next.js, React, Tailwind CSS etc.
 - breaking: update tailwind.config.js and postcss.config.js
 
-## v.1.3.0
+## 1.3.0
 - simplify eslint settings
 - apply typescript strict mode
 - remove unused files
 
-## v.1.2.0
+## 1.2.0
 - improvement: update Next.js v10, React v17, Tailwind CSS v1.9
 - improvement: apply absolute import
 - refactor: simplify pre-commit hook
 
-## v1.1.0
+## 1.1.0
 - improvement: update Next.js version to 9.5.4
 - improvement: change _app.js and index.js to tsx file
 - fix: remove bug from component script
 - improvement: Remove unused component
 - improvement: Fix Next.js version as 9.5.3
 
-## v1.0.0
+## 1.0.0
 release

package.json

@@ -7,12 +7,13 @@
     "start": "next start",
     "test": "jest --env=jsdom",
     "fix": "prettier --write './**/*.{js,jsx,ts,tsx}'",
-    "lint": "eslint . --cache",
-    "lint:fix": "eslint . --cache --fix",
+    "lint": "next lint . --cache",
+    "lint:fix": "next lint . --cache --fix",
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook",
     "tsc": "tsc",
-    "prepare": "husky install"
+    "prepare": "husky install",
+    "ci": "concurrently 'yarn lint' 'yarn tsc' 'yarn test'"
   },
   "husky": {
     "hooks": {
@@ -21,12 +22,13 @@
   },
   "lint-staged": {
     "*.{ts,tsx}": [
+      "lint:next",
       "eslint --fix",
       "prettier --write"
     ]
   },
   "dependencies": {
-    "next": "^10.2.3",
+    "next": "^11.0.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },
@@ -45,7 +47,9 @@
     "@typescript-eslint/parser": "^4.14.2",
     "autoprefixer": "^10.2.6",
     "babel-jest": "^27.0.2",
+    "concurrently": "^6.2.0",
     "eslint": "^7.19.0",
+    "eslint-config-next": "^11.0.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-import": "^2.22.1",
     "eslint-plugin-jsx-a11y": "^6.4.1",