feat(nextjs): add eslint + typescript configuration (#3)

Author: selcukcukur

src/next.js

@@ -0,0 +1,67 @@
+import js from "@eslint/js"
+import eslintConfigPrettier from "eslint-config-prettier"
+import tseslint from "typescript-eslint"
+import pluginReactHooks from "eslint-plugin-react-hooks"
+import pluginReact from "eslint-plugin-react"
+import globals from "globals"
+import pluginNext from "@next/eslint-plugin-next"
+import { config as baseConfig } from "./base.js"
+
+/**
+ * Eslint configuration for all next.js applications in the ecosystem
+ *
+ * @type {import("eslint").Linter.Config[]}
+ */
+export const nextJsConfig = [
+  // Inherit shared base configuration
+  ...baseConfig,
+
+  // Core JavaScript linting rules from ESLint
+  js.configs.recommended,
+
+  // Disables ESLint rules that conflict with Prettier formatting
+  eslintConfigPrettier,
+
+  // Recommended rules for TypeScript projects
+  ...tseslint.configs.recommended,
+
+  {
+    // Recommended rules for React projects using the flat config API
+    ...pluginReact.configs.flat.recommended,
+
+    // Extend language options to include service worker globals
+    languageOptions: {
+      ...pluginReact.configs.flat.recommended.languageOptions,
+      globals: { ...globals.serviceworker },
+    },
+  },
+  {
+    // Next.js plugin configuration
+    plugins : {
+      "@next/next": pluginNext,
+    },
+    rules   : {
+      // Include Next.js recommended rules
+      ...pluginNext.configs.recommended.rules,
+
+      // Include Core Web Vitals rules for performance and accessibility
+      ...pluginNext.configs["core-web-vitals"].rules,
+    },
+  },
+  {
+    // React Hooks plugin configuration
+    plugins   : { "react-hooks": pluginReactHooks, },
+    settings  : {
+      // Automatically detect the installed React version
+      react : { version: "detect" },
+    },
+    rules     : {
+      // Include recommended rules for React Hooks
+      ...pluginReactHooks.configs.recommended.rules,
+
+      // Disable rule requiring React to be in scope for JSX
+      // Not needed with the new JSX transform (React 17+)
+      "react/react-in-jsx-scope": "off",
+    },
+  },
+]

src/next.json

@@ -0,0 +1,12 @@
+{
+  "$schema"           : "https://json.schemastore.org/tsconfig",
+  "extends"           : "./base.json",
+  "compilerOptions"   : {
+    "plugins"           : [{ "name": "next" }],
+    "module"            : "ESNext",
+    "moduleResolution"  : "Bundler",
+    "allowJs"           : true,
+    "jsx"               : "preserve",
+    "noEmit"            : true
+  }
+}