Use the npx @eslint/migrate-config .eslintrc.json command.
It produces ugly output, but seems to work - I assume we will eventually be able to do it as recommended in the eslint docs.
Heres the output I got (placed inside eslint.config.mjs file).
import path from "node:path"; import { fileURLToPath } from "node:url"; import js from "@eslint/js"; import { FlatCompat } from "@eslint/eslintrc"; const __filename = fileURLToPath(import.meta.url); const __dirname = path.dirname(__filename); const compat = new FlatCompat({ baseDirectory: __dirname, recommendedConfig: js.configs.recommended, allConfig: js.configs.all }); export default [...compat.extends("next")];
GitHub
github.com › vercel › next.js › blob › canary › packages › eslint-config-next › package.json
next.js/packages/eslint-config-next/package.json at canary · vercel/next.js
"name": "eslint-config-next", "version": "16.2.0-canary.99", "description": "ESLint configuration used by Next.js.", "license": "MIT", "repository": { "url": "vercel/next.js", "directory": "packages/eslint-config-next" }, "homepage": "https://nextjs.org/docs/app/api-reference/config/eslint", "files": [ "dist" ], "dependencies": { "@next/eslint-plugin-next": "16.2.0-canary.99", "eslint-import-resolver-node": "^0.3.6", "eslint-import-resolver-typescript": "^3.5.2", "eslint-plugin-import": "^2.32.0", "eslint-plugin-jsx-a11y": "^6.10.0", "eslint-plugin-react": "^7.37.0", "eslint-plugin-react-hooks": "^7.0.0", "globals": "16.4.0", "typescript-eslint": "^8.46.0" }, "peerDependencies": { "eslint": ">=9.0.0", "typescript": ">=3.3.1" }, "peerDependenciesMeta": { "typescript": { "optional": true ·
Author vercel
Videos
08:29
How to setup ESLint and Prettier in Next.js Projects - YouTube
05:51
🚀 Setup Eslint with Nextjs 13 Like a Pro! | Eslint Next.js 13 ...
05:11
#33 Setting up ESLint for NextJs | React & Next.js - ESLint Setup ...
05:40
#2 - Improving DX w/ Prettier & ESLint | Next.JS 14 Series - YouTube
10:22
How to Configure ESLint with Prettier in Next.js? - YouTube
GitHub
github.com › Winner-pc › eslint-config-next
GitHub - Winner-pc/eslint-config-next: Reusable ESLint config for Next.js projects. · GitHub
Reusable ESLint config for Next.js projects. Contribute to Winner-pc/eslint-config-next development by creating an account on GitHub.
Author Winner-pc
GitHub
github.com › Financial-Times › eslint-config-next
GitHub - Financial-Times/eslint-config-next: ESLint configuration for Next projects · GitHub
ESLint configuration for Next projects. Contribute to Financial-Times/eslint-config-next development by creating an account on GitHub.
Author Financial-Times
GitHub
github.com › vercel › next.js › issues › 85947
Docs: ESLint config ambiguities · Issue #85947 · vercel/next.js
November 9, 2025 - Next.js provides an ESLint plugin, @next/eslint-plugin-next, already bundled within the base configuration that makes it possible to catch common issues and problems in a Next.js application.
Author thernstig
npm
npmjs.com › package › eslint-config-next
eslint-config-next - npm
npm i eslint-config-next · github.com/vercel/next.js · nextjs.org/docs/app/api-reference/config/eslint · 10,873,364 · 16.1.6 · MIT · 14.2 kB · 9 · 25 minutes ago · timneutkens · timer · vercel-release-bot · Analyze security with ...
» npm install eslint-config-next
GitHub
github.com › vercel › next.js › discussions › 49337
How to use new "flat config" approach in Eslint? · vercel/next.js · Discussion #49337
I have created a package eslint-config-next-flat (Source code) that is (roughly) a port of the eslint-config-next for FlatConfig.
Author vercel
GitHub
github.com › TotomInc › eslint-config-next
GitHub - TotomInc/eslint-config-next: An enhanced ESLint config for Next.js with Airbnb + TypeScript + Prettier + TailwindCSS support.
An enhanced ESLint config for Next.js with Airbnb + TypeScript + Prettier + TailwindCSS support. - TotomInc/eslint-config-next
Author TotomInc
GitHub
github.com › ijsto › eslint-config-nextjs
GitHub - ijsto/eslint-config-nextjs: ESLint configurations for Next.js and React apps
ESLint configurations for Next.js and React apps. Contribute to ijsto/eslint-config-nextjs development by creating an account on GitHub.
Author ijsto
GitHub
github.com › vercel › next.js › discussions › 50453
How can I use the new ESLint flat config in a Next.js project and also use 'canonical' rules? · vercel/next.js · Discussion #50453
After updating eslint config to flat format, eslint needs it to be in an eslint.config.js file for eslint to be happy with the flat format. However, next.js (when you run next lint) is looking for an eslintrc.json file, which is no longer valid with eslint flat config.
Author vercel
GitHub
github.com › heyimnowi › eslint-config-next › blob › main › README.md
eslint-config-next/README.md at main · heyimnowi/eslint-config-next
Introducing Eslint standard rules for Next.js projects, designed to keep your code clean and well-organized! 💻✨ · This configuration relies on some peer dependencies you must add in your project as dev dependencies:
Author heyimnowi
DEV Community
dev.to › jordanahaines › just-use-this-nextjs-eslint-configuration-540
Just use this Next.js Eslint Configuration - DEV Community
January 12, 2025 - If you're just here to find a good, working ESLint configuration for a NextJS project, then look no further. Copy what's below. Although, it's probably out of date, so you can find a version that's been updated since I published this post in my open source project Historio ➡️ in Github here ...
GitHub
github.com › antfu › eslint-config › discussions › 627
how to use antfu eslint with next js eslint ? · antfu/eslint-config · Discussion #627
import antfu from '@antfu/eslint-config'; import nextPlugin from '@next/eslint-plugin-next'; import jestDom from 'eslint-plugin-jest-dom'; import jsxA11y from 'eslint-plugin-jsx-a11y'; import playwright from 'eslint-plugin-playwright'; import tailwind from 'eslint-plugin-tailwindcss'; import testingLibrary from 'eslint-plugin-testing-library'; export default antfu( { react: true, typescript: true, lessOpinionated: true, isInEditor: false, stylistic: { semi: true, }, formatters: { css: true, }, ignores: ['migrations/**/*', 'next-env.d.ts'], }, ...tailwind.configs['flat/recommended'], jsxA11y.fl
Author antfu
GitHub
github.com › vercel › next.js › tree › canary › packages › eslint-config-next
next.js/packages/eslint-config-next at canary · vercel/next.js
The React Framework. Contribute to vercel/next.js development by creating an account on GitHub.
Author vercel
GitHub
github.com › dpyzo0o › eslint-config-next
GitHub - dpyzo0o/eslint-config-next: ESLint configuration for a ts/js Next.js app.
ESLint configuration for a ts/js Next.js app. Contribute to dpyzo0o/eslint-config-next development by creating an account on GitHub.
Author dpyzo0o
GitHub
github.com › vercel › next.js › issues › 84772
ESLint config missing in next.config after upgrading to 16.0.0-beta.0 · Issue #84772 · vercel/next.js
October 11, 2025 - The type definition for NextConfig no longer includes eslint — verified here: config-shared.ts#L899
Author abhishekmardiya