@dephub/eslint-next ▲

Opinionated modern ESLint configuration for Next.js projects, built on top of @dephub/eslint-react.

Features ✨

• ▲ Extends @dephub/eslint-react for full React + TS support
• 🚀 Next.js core web vitals rules included
• ⚛️ React and Hooks best practices
• 🔀 Import sorting and unused import handling
• 🧹 Prettier-compatible formatting rules

Installation 📦

• npm: npm install -D eslint @dephub/eslint-next
• pnpm: pnpm add -D eslint @dephub/eslint-next
• yarn: yarn add -D eslint @dephub/eslint-next
• bun: bun add -D eslint @dephub/eslint-next

Since this config extends @dephub/eslint-react, your project should already support React and TypeScript.

Usage 🎯

API 🧩

Create an eslint.config.mjs file:

import { defineConfig } from 'eslint/config';
import nextConfig from '@dephub/eslint-next';

export default defineConfig([...nextConfig]);

You don’t need to manually include @dephub/eslint-react or @dephub/eslint-ts — they are extended internally.

Extending the configuration

import { defineConfig } from 'eslint/config';
import nextConfig from '@dephub/eslint-next';

export default defineConfig([
  ...nextConfig,
  {
    rules: {
      '@next/next/no-html-link-for-pages': 'off',
    },
  },
]);

Then run ESLint normally:

npx eslint .

License 📄

MIT License – see LICENSE for details.

Author: Estarlin R (estarlincito.com)