Add eslint config for nextjs application

apps/blog/.eslintrc.js

@@ -0,0 +1,9 @@
+/** @type {import("eslint").Linter.Config} */
+module.exports = {
+    root: true,
+    extends: ["@marshallku/eslint-config/next.js"],
+    parser: "@typescript-eslint/parser",
+    parserOptions: {
+        project: true,
+    },
+};

apps/blog/package.json

@@ -15,6 +15,7 @@
         "@marshallku/toast": "workspace:^",
         "@marshallku/ui": "workspace:^",
         "@marshallku/utils": "workspace:^",
+        "@next/eslint-plugin-next": "^14.1.0",
         "copy2clip": "^1.1.1",
         "gray-matter": "^4.0.3",
         "image-size": "^1.1.1",
@@ -37,6 +38,7 @@
         "@types/node": "^20.11.5",
         "@types/react": "^18.2.48",
         "@types/react-dom": "^18.2.18",
+        "eslint": "^8.56.0",
         "sass": "^1.70.0",
         "typescript": "^5.3.3"
     }

packages/eslint-config/next.js

@@ -0,0 +1,35 @@
+const { resolve } = require("node:path");
+
+const project = resolve(process.cwd(), "tsconfig.json");
+
+/** @type {import("eslint").Linter.Config} */
+module.exports = {
+    extends: [
+        "eslint:recommended",
+        "prettier",
+        require.resolve("@vercel/style-guide/eslint/next"),
+        "eslint-config-turbo",
+    ],
+    globals: {
+        React: true,
+        JSX: true,
+    },
+    env: {
+        node: true,
+        browser: true,
+    },
+    plugins: ["only-warn"],
+    settings: {
+        "import/resolver": {
+            typescript: {
+                project,
+            },
+        },
+    },
+    ignorePatterns: [
+        // Ignore dotfiles
+        ".*.js",
+        "node_modules/",
+    ],
+    overrides: [{ files: ["*.js?(x)", "*.ts?(x)"] }],
+};

packages/eslint-config/package.json

@@ -5,9 +5,11 @@
     "files": [
         "library.js",
         "react.js",
-        "storybook.js"
+        "storybook.js",
+        "next.js"
     ],
     "devDependencies": {
+        "@next/eslint-plugin-next": "^14.1.0",
         "@vercel/style-guide": "^5.1.0",
         "eslint-config-turbo": "^1.11.3",
         "eslint-plugin-mdx": "^2.3.2",