Merge pull request #14 from timlrx/upgrade

update dependencies

next.config.js

@@ -4,8 +4,8 @@ const withBundleAnalyzer = require('@next/bundle-analyzer')({
 
 module.exports = withBundleAnalyzer({
   pageExtensions: ['js', 'jsx', 'md', 'mdx'],
-  experimental: {
-    modern: true,
+  future: {
+    webpack5: true,
   },
   webpack: (config, { dev, isServer }) => {
     config.module.rules.push({

package.json

@@ -1,6 +1,6 @@
 {
   "name": "tailwind-nextjs-starter-blog",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "private": true,
   "scripts": {
     "start": "next-remote-watch ./data",
@@ -11,34 +11,35 @@
   },
   "dependencies": {
     "@mapbox/rehype-prism": "^0.5.0",
-    "@mdx-js/loader": "^1.6.20",
+    "@mdx-js/loader": "^1.6.22",
     "@mdx-js/react": "^1.6.22",
-    "@next/mdx": "10.0.8",
-    "@tailwindcss/forms": "^0.2.1",
-    "@tailwindcss/typography": "^0.3.1",
-    "autoprefixer": "^10.1.0",
+    "@next/mdx": "10.1.3",
+    "@tailwindcss/forms": "^0.3.2",
+    "@tailwindcss/typography": "^0.4.0",
+    "autoprefixer": "^10.2.5",
     "gray-matter": "^4.0.2",
-    "image-size": "0.9.3",
-    "next": "10.0.8",
-    "next-mdx-remote": "^2.0.0",
-    "next-seo": "4.17.0",
-    "next-themes": "^0.0.10",
-    "postcss": "^8.2.1",
-    "preact": "^10.5.7",
-    "react": "16.13.1",
-    "react-dom": "16.13.1",
-    "reading-time": "1.2.1",
+    "image-size": "0.9.7",
+    "next": "10.1.3",
+    "next-mdx-remote": "^2.1.3",
+    "next-seo": "4.23.0",
+    "next-themes": "^0.0.14",
+    "postcss": "^8.2.8",
+    "preact": "^10.5.13",
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
+    "reading-time": "1.3.0",
     "rehype-katex": "^4.0.0",
     "remark-autolink-headings": "6.0.1",
     "remark-code-titles": "0.1.1",
     "remark-footnotes": "^2.0.0",
     "remark-math": "3.0.1",
     "remark-slug": "6.0.0",
-    "tailwindcss": "^2.0.2"
+    "tailwindcss": "^2.0.4"
   },
   "devDependencies": {
-    "@next/bundle-analyzer": "^10.0.0",
+    "@next/bundle-analyzer": "10.1.3",
     "@svgr/webpack": "^5.5.0",
+    "@tailwindcss/jit": "^0.1.18",
     "eslint": "^7.17.0",
     "eslint-config-prettier": "^7.1.0",
     "eslint-plugin-jsx-a11y": "^6.4.1",
@@ -50,13 +51,13 @@
     "husky": "^4.3.7",
     "lint-staged": "^10.5.3",
     "next-compose-plugins": "^2.2.1",
-    "next-remote-watch": "^0.3.0",
+    "next-remote-watch": "^1.0.0",
     "prettier": "2.2.1",
     "rehype": "11.0.0",
     "remark-frontmatter": "3.0.0",
     "remark-parse": "9.0.0",
     "remark-stringify": "9.0.0",
-    "unified": "9.2.0",
+    "unified": "9.2.1",
     "unist-util-visit": "2.0.3"
   },
   "husky": {

postcss.config.js

@@ -1,6 +1,6 @@
 module.exports = {
   plugins: {
-    tailwindcss: {},
+    '@tailwindcss/jit': {},
     autoprefixer: {},
   },
 }

tailwind.config.js

@@ -4,9 +4,6 @@ const colors = require('tailwindcss/colors')
 module.exports = {
   purge: {
     content: ['./pages/**/*.js', './components/**/*.js', './layouts/**/*.js', './lib/**/*.js'],
-    options: {
-      safelist: ['type'], // [type='checkbox']
-    },
   },
   darkMode: 'class',
   theme: {