Merge pull request #482 from Digital-Coder/nextjs-11

next.js 11 webpack 5 eslint prettier

.eslintignore

@@ -0,0 +1,12 @@
+node_modules
+production
+staging
+workload
+.next
+/out/
+.vscode
+.github
+*.json
+*.lock
+*.md
+

.eslintrc

@@ -0,0 +1,4 @@
+{
+  "extends": ["airbnb-base", "next", "prettier"],
+  "env": { "browser": true, "node": true, "es2021": true }
+}

.prettierignore

@@ -0,0 +1,4 @@
+.next
+/out/
+/node_modules/
+.github

.prettierrc

@@ -0,0 +1,13 @@
+{
+  "singleQuote": false,
+  "trailingComma": "es5",
+  "printWidth": 80,
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": true,
+  "jsxSingleQuote": false,
+  "jsxBracketSameLine": false,
+  "bracketSpacing": true,
+  "arrowParens": "always",
+  "endOfLine": "lf"
+}

.vscode/extensions.json

@@ -1,6 +1,7 @@
 {
   "recommendations": [
     "esbenp.prettier-vscode",
-    "jpoissonnier.vscode-styled-components"
+    "jpoissonnier.vscode-styled-components",
+    "dbaeumer.vscode-eslint"
   ]
 }

.vscode/settings.json

@@ -1,5 +1,10 @@
 {
   "editor.formatOnSave": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": true
+  },
+  "eslint.alwaysShowStatus": true,
   "files.exclude": {
     "**/.classpath": true,
     "**/.project": true,

next.config.js

@@ -1,21 +1,29 @@
 const withImages = require("next-images");
+
 module.exports = withImages({
-  webpack(config, { isServer }) {
-    // Fixes npm packages that depend on `fs` module
-    if (!isServer) {
-      config.node = {
-        fs: "empty"
-      };
-    }
-    return config;
-  },
   async redirects() {
     return [
       {
         source: "/meet",
         destination: "/hangout",
-        permanent: true
-      }
+        permanent: true,
+      },
     ];
-  }
+  },
+  images: {
+    /*
+  next-images plugin is conflicting with Next.js 11 static import feature.
+  see the discussion here:
+  https://github.com/twopluszero/next-images/issues/73
+  */
+    disableStaticImages: true,
+  },
+  webpack5: true,
+  reactStrictMode: true, // It helps you avoid legacy code, and deprecated APIs.
+  eslint: {
+    // Warning: Dangerously allow production builds to successfully complete even if
+    // your project has ESLint errors.
+    // we have too many errors if you run npm run lint ,but after bug fixes we could enforce this.
+    ignoreDuringBuilds: true,
+  },
 });