Merge pull request #60 from stack-wuh/feat-next-next

Feat next next

.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["next/babel"]
+}

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

next.config.js

@@ -3,49 +3,56 @@ const nextComposePlugins = require('next-compose-plugins')
 const withPreact = require('next-plugin-preact')
 const ProgressBarPlugin = require('progress-bar-webpack-plugin')
 const withBundleAnalyzer = require('@next/bundle-analyzer')({
-  enabled: process.env.ANALYZE === 'true',
+	enabled: process.env.ANALYZE === 'true',
 })
-const {
-  green
-} = require('chalk')
+const { green } = require('chalk')
 
 /** @type {import('next').NextConfig} */
 let config = {
-  reactStrictMode: true,
-  webpack5: true,
-  compress: true,
-  generateEtags: false,
-  poweredByHeader: false,
-  trailingSlash: false,
-  productionBrowserSourceMaps: false,
-  httpAgentOptions: {
-    keepAlive: true
-  },
-  images: {
-    domains: ['src.wuh.site'],
-    imageSizes: [16, 32, 48, 64, 96, 128, 256, 384],
-  },
-  experimental: {
-    pageDataCollectionTimeout: 120000
-  },
-  webpack: (config, { dev }) => {
-    if (!dev) {
-      config.plugins.push(new CompressionWebpackPlugin({
-        algorithm: "gzip",
-        test: /\.js$|\.css$/,
-        threshold: 10240,
-        exclude: /\/node_modules/,
-        filename: '[base].gz',
-        deleteOriginalAssets: false
-      }))
-    }
-    config.plugins.push(new ProgressBarPlugin({
-      format: `build [:bar] ${green.bold(':percent')} (:elapsed s, :current / :total) :msg`,
-      clear: false
-    }))
+	reactStrictMode: true,
+	webpack5: true,
+	compress: true,
+	generateEtags: false,
+	poweredByHeader: false,
+	trailingSlash: false,
+	productionBrowserSourceMaps: false,
+	httpAgentOptions: {
+		keepAlive: true,
+	},
+	images: {
+		domains: ['src.wuh.site'],
+		imageSizes: [16, 32, 48, 64, 96, 128, 256, 384],
+	},
+	experimental: {
+		pageDataCollectionTimeout: 120000,
+	},
+	webpack: (config, { dev }) => {
+		if (!dev) {
+			config.plugins.push(
+				new CompressionWebpackPlugin({
+					algorithm: 'gzip',
+					test: /\.js$|\.css$/,
+					threshold: 10240,
+					exclude: /\/node_modules/,
+					filename: '[base].gz',
+					deleteOriginalAssets: false,
+				})
+			)
+		}
+		config.plugins.push(
+			new ProgressBarPlugin({
+				format: `build [:bar] ${green.bold(
+					':percent'
+				)} (:elapsed s, :current / :total) :msg`,
+				clear: false,
+			})
+		)
 
-    return config
-  }
+		return config
+	},
+	eslint: {
+		ignoreDuringBuilds: true,
+	},
 }
 
-module.exports = nextComposePlugins([withPreact, withBundleAnalyzer], config)
+module.exports = nextComposePlugins([withPreact, withBundleAnalyzer], config)

package.json

@@ -22,7 +22,7 @@
     "conventional-changelog-cli": "^2.1.1",
     "dayjs": "^1.10.7",
     "isomorphic-fetch": "^3.0.0",
-    "next": "11.1.3",
+    "next": "^12.0.7",
     "next-seo": "^4.28.1",
     "nprogress": "^0.2.0",
     "preact": "^10.5.14",
@@ -34,6 +34,7 @@
     "react-transition-group": "^4.4.2",
     "remark": "^14.0.1",
     "remark-html": "^15.0.0",
+    "scheduler": "^0.20.2",
     "swr": "^1.0.1"
   },
   "devDependencies": {

tsconfig.json

@@ -2,7 +2,11 @@
   "compilerOptions": {
     "baseUrl": ".",
     "target": "esnext",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -15,20 +19,51 @@
     "isolatedModules": true,
     "jsx": "preserve",
     "paths": {
-      "@/*": ["."],
-      "@/pages/*": ["pages/*"],
-      "@/components/*": ["components/*"],
-      "@/lib/*": ["lib/*"],
-      "@/middlewares/*": ["middlewares/*"],
-      "@/hooks/*": ["hooks/*"],
-      "@/db/*": ["db/*"],
-      "@/layout/*": ["layout/*"],
-      "@/styles/*": ["styles/*"],
-      "@/store/*": ["store/*"],
-      "@/constant/*": ["constant/*"],
-      "@/__utils/*": ["__utils/*"]
-    }
+      "@/*": [
+        "."
+      ],
+      "@/pages/*": [
+        "pages/*"
+      ],
+      "@/components/*": [
+        "components/*"
+      ],
+      "@/lib/*": [
+        "lib/*"
+      ],
+      "@/middlewares/*": [
+        "middlewares/*"
+      ],
+      "@/hooks/*": [
+        "hooks/*"
+      ],
+      "@/db/*": [
+        "db/*"
+      ],
+      "@/layout/*": [
+        "layout/*"
+      ],
+      "@/styles/*": [
+        "styles/*"
+      ],
+      "@/store/*": [
+        "store/*"
+      ],
+      "@/constant/*": [
+        "constant/*"
+      ],
+      "@/__utils/*": [
+        "__utils/*"
+      ]
+    },
+    "incremental": true
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
-  "exclude": ["node_modules"]
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
 }