Merge pull request #9 from danangekal/feature/update-next-deps

perf: update deps next, eslint, husky, prettier, ts & other

Author: danangekal

README.md

@@ -6,21 +6,21 @@ You can check [demo](https://next-typescript-tailwind-starter.vercel.app/)
 
 ## Features
 
-- [React.js 17](https://reactjs.org/blog/2020/10/20/react-v17.html) - Blog introduce react v17.0.
-- [Next.js 12](https://nextjs.org/blog/next-12) - Blog introduce next.js 11.
+- [React.js 18](https://reactjs.org/blog/2022/03/29/react-v18.html) - Blog introduce react v18.0.
+- [Next.js 12](https://nextjs.org/blog/next-12) - Blog introduce next.js 12.
 - [Typescript 4](https://www.typescriptlang.org/) - Documentation of typescript.
 - [Next PWA 5](https://www.npmjs.com/package/next-pwa) - Documentation of next pwa.
 - [Tailwind CSS 3](https://tailwindcss.com/docs/) - Documentation of tailwind css.
 - [Next PWA 5](https://www.npmjs.com/package/next-pwa) - Documentation of next pwa.
 - [Docker](https://docs.docker.com/) - Documentation of Docker.
-- [Eslint 7](https://eslint.org/docs/user-guide/getting-started) - Documentation of eslint.
+- [Eslint 8](https://eslint.org/docs/user-guide/getting-started) - Documentation of eslint.
 - [Prettier 2](https://prettier.io/docs/en/index.html) - Documentation of prettier.
 - [Husky 7](https://typicode.github.io/husky/#/) - Documentation of husky.
-- [Lint Staged 12](https://github.com/okonet/lint-staged) - Documentation of lint staged.
+- [Lint Staged 13](https://github.com/okonet/lint-staged) - Documentation of lint staged.
 
 ## Usage
 
-This project using node >= 12.13.0 & yarn
+This project using node >= 14.19.2 & yarn
 
 ### Installation
 

next.config.js

@@ -1,8 +1,11 @@
-const withPWA = require('next-pwa');
+/** @type {import('next').NextConfig} */
+
+const withPWA = require('next-pwa')({
+  disable: process.env.NODE_ENV === 'development',
+  dest: 'public',
+});
 
 module.exports = withPWA({
-  pwa: {
-    disable: process.env.NODE_ENV === 'development',
-    dest: 'public',
-  },
+  reactStrictMode: true,
+  swcMinify: true,
 });

package.json

@@ -39,27 +39,28 @@
     "postpublish": "pinst --enable"
   },
   "dependencies": {
-    "autoprefixer": "^10.4.1",
-    "next": "^12.0.7",
-    "next-pwa": "^5.4.4",
-    "postcss": "^8.4.5",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "tailwindcss": "^3.0.8"
+    "autoprefixer": "^10.4.12",
+    "next": "^12.3.1",
+    "next-pwa": "^5.6.0",
+    "postcss": "^8.4.17",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "tailwindcss": "^3.1.8"
   },
   "devDependencies": {
-    "@types/node": "^16.10.3",
-    "@types/react": "^17.0.37",
-    "eslint": "8.5.0",
-    "eslint-config-next": "^12.0.7",
-    "eslint-config-prettier": "^8.3.0",
-    "husky": "^7.0.4",
-    "lint-staged": "^12.1.3",
-    "pinst": "^2.1.6",
-    "prettier": "^2.5.1",
-    "typescript": "^4.5.4"
+    "@types/node": "18.8.4",
+    "@types/react": "^18.0.21",
+    "@types/react-dom": "18.0.6",
+    "eslint": "8.25.0",
+    "eslint-config-next": "^12.3.1",
+    "eslint-config-prettier": "^8.5.0",
+    "husky": "^8.0.1",
+    "lint-staged": "^13.0.3",
+    "pinst": "^3.0.0",
+    "prettier": "^2.7.1",
+    "typescript": "4.8.4"
   },
   "engines": {
-    "node": ">=12.13.0"
+    "node": ">=14.19.2"
   }
 }