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 › topics › eslint-config-next
eslint-config-next · GitHub Topics · GitHub
react nodejs typescript react-dom postcss styled-components next slick-carousel react-spinners tailwind-css clsx eslint-config-next tailwind-merge reac-dom
🌐
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
    
Published   Jan 27, 2026
Version   16.1.6
🌐
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.60", "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.60", "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
🌐
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 › 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
🌐
GitHub
github.com › Financial-Times › eslint-config-next
GitHub - Financial-Times/eslint-config-next: ESLint configuration for Next projects
ESLint configuration for Next projects. Contribute to Financial-Times/eslint-config-next development by creating an account on GitHub.
Author   Financial-Times
Find elsewhere
🌐
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
🌐
Next.js
nextjs.org › docs › app › api-reference › config › eslint
Configuration: ESLint | Next.js
2 weeks ago - If you already have ESLint configured in your application, there are two approaches to integrate Next.js linting rules, depending on your setup. Use @next/eslint-plugin-next directly if you have any of the following already configured:
🌐
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 › 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
🌐
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 › vercel › next.js › discussions › 24900
ESLint in Next.js and Create Next App · vercel/next.js · Discussion #24900
We took over the package and it's currently on canary so it's entirely expected that npm is not displaying the contents of the package yet. https://www.npmjs.com/package/eslint-config-next/v/10.2.1-canary.5 is published correctly and has the latest code.
Author   vercel