feat(lint): add ESLint for Tailwind rules

Author: KodingDev

eslint.config.mjs

@@ -0,0 +1,66 @@
+// @ts-check
+
+import { defineConfig } from "eslint/config";
+import nextVitals from "eslint-config-next/core-web-vitals";
+import betterTailwindcss from "eslint-plugin-better-tailwindcss";
+
+// biome-ignore lint/style/noDefaultExport: Config file
+export default defineConfig([
+  // Next.js Core Web Vitals config
+  ...nextVitals,
+
+  // Better Tailwind CSS plugin configuration
+  {
+    plugins: {
+      "better-tailwindcss": betterTailwindcss,
+    },
+    settings: {
+      "better-tailwindcss": {
+        // For Tailwind CSS v4, specify the entry point to your CSS file
+        entryPoint: "src/app/globals.css",
+      },
+    },
+    rules: {
+      // Tailwind CSS rules
+      "better-tailwindcss/no-duplicate-classes": "warn",
+      "better-tailwindcss/no-unnecessary-whitespace": "warn",
+      "better-tailwindcss/enforce-shorthand-classes": "warn",
+      "better-tailwindcss/no-unregistered-classes": "error",
+      "better-tailwindcss/no-conflicting-classes": "error",
+
+      // Disable formatting-related rules (Biome handles formatting)
+      "better-tailwindcss/enforce-consistent-class-order": "off",
+      "better-tailwindcss/enforce-consistent-line-wrapping": "off",
+
+      // Disable all TypeScript ESLint rules (Biome handles TypeScript linting)
+      "@typescript-eslint/no-require-imports": "off",
+      "@typescript-eslint/no-unused-vars": "off",
+
+      // Disable all import rules (Biome handles imports)
+      "import/no-anonymous-default-export": "off",
+
+      // Disable React stylistic rules that conflict with Biome
+      "react/jsx-indent": "off",
+      "react/jsx-indent-props": "off",
+      "react/jsx-max-props-per-line": "off",
+      "react/jsx-newline": "off",
+      "react/jsx-one-expression-per-line": "off",
+      "react/jsx-wrap-multilines": "off",
+    },
+  },
+
+  // Global ignores
+  {
+    ignores: [
+      ".next/**",
+      "out/**",
+      "build/**",
+      "dist/**",
+      "node_modules/**",
+      ".velite/**",
+      "next-env.d.ts",
+      "postcss.config.mjs",
+      "tailwind.config.js",
+    ],
+  },
+]);

package.json

@@ -8,8 +8,12 @@
     "build": "cross-env NODE_ENV=production next build",
     "analyze": "cross-env NODE_ENV=production next experimental-analyze --serve",
     "dev": "next dev -H 0.0.0.0",
-    "lint": "biome check",
-    "lint:fix": "biome check --write --unsafe",
+    "biome": "biome check",
+    "biome:fix": "biome check --write --unsafe",
+    "eslint": "eslint .",
+    "eslint:fix": "eslint . --fix",
+    "lint": "npm-run-all -s -p biome eslint",
+    "lint:fix": "npm-run-all -s -p biome:fix eslint:fix",
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
@@ -41,13 +45,18 @@
     "@types/react-dom": "19.2.3",
     "babel-plugin-react-compiler": "^1.0.0",
     "cross-env": "^10.1.0",
+    "eslint": "^9.39.1",
+    "eslint-config-next": "^16.0.8",
+    "eslint-plugin-better-tailwindcss": "^3.8.0",
+    "npm-run-all": "^4.1.5",
     "postcss": "^8.5.6",
     "tailwindcss": "^4.1.17",
     "tw-animate-css": "^1.4.0",
     "typescript": "^5.9.3",
+    "typescript-eslint": "^8.49.0",
     "velite": "^0.3.1"
   },
-  "packageManager": "pnpm@10.15.0",
+  "packageManager": "pnpm@10.25.0+sha512.5e82639027af37cf832061bcc6d639c219634488e0f2baebe785028a793de7b525ffcd3f7ff574f5e9860654e098fe852ba8ac5dd5cefe1767d23a020a92f501",
   "pnpm": {
     "overrides": {
       "@types/react": "19.2.7",