Merge pull request #8 from danangekal/danangekal/update-deps

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

Author: danangekal

README.md

@@ -7,16 +7,16 @@ 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 11](https://nextjs.org/blog/next-11) - Blog introduce next.js 11.
+- [Next.js 12](https://nextjs.org/blog/next-12) - Blog introduce next.js 11.
 - [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 2](https://tailwindcss.com/docs/) - Documentation of tailwind css.
+- [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.
 - [Prettier 2](https://prettier.io/docs/en/index.html) - Documentation of prettier.
 - [Husky 7](https://typicode.github.io/husky/#/) - Documentation of husky.
-- [Lint Staged 11](https://github.com/okonet/lint-staged) - Documentation of lint staged.
+- [Lint Staged 12](https://github.com/okonet/lint-staged) - Documentation of lint staged.
 
 ## Usage
 

next-env.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="next" />
-/// <reference types="next/types/global" />
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited

package.json

@@ -39,25 +39,25 @@
     "postpublish": "pinst --enable"
   },
   "dependencies": {
-    "autoprefixer": "^10.3.7",
-    "next": "^11.1.2",
-    "next-pwa": "^5.3.1",
-    "postcss": "^8.3.9",
+    "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": "^2.2.16"
+    "tailwindcss": "^3.0.8"
   },
   "devDependencies": {
     "@types/node": "^16.10.3",
-    "@types/react": "^17.0.27",
-    "eslint": "7.32.0",
-    "eslint-config-next": "^11.1.2",
+    "@types/react": "^17.0.37",
+    "eslint": "8.5.0",
+    "eslint-config-next": "^12.0.7",
     "eslint-config-prettier": "^8.3.0",
-    "husky": "^7.0.2",
-    "lint-staged": "^11.2.3",
+    "husky": "^7.0.4",
+    "lint-staged": "^12.1.3",
     "pinst": "^2.1.6",
-    "prettier": "^2.4.1",
-    "typescript": "^4.3.5"
+    "prettier": "^2.5.1",
+    "typescript": "^4.5.4"
   },
   "engines": {
     "node": ">=12.13.0"

tailwind.config.js

@@ -1,6 +1,9 @@
 module.exports = {
-  purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
-  darkMode: false, // or 'media' or 'class'
+  content: [
+    './pages/**/*.{js,ts,jsx,tsx}',
+    './components/**/*.{js,ts,jsx,tsx}',
+  ],
+  darkMode: 'media', // or 'media' or 'class'
   theme: {
     extend: {},
   },

tsconfig.json

@@ -61,7 +61,8 @@
     /* Advanced Options */
     "skipLibCheck": true /* Skip type checking of declaration files. */,
     "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */,
-    "resolveJsonModule": true
+    "resolveJsonModule": true,
+    "incremental": true
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
   "exclude": ["node_modules", ".next"]