What is the essential difference between eslint-config-next/typescript and typescript-eslint?

[srcHan-u]

Summary

I'm a little confused and want to understand more precisely what the difference is between these two plugins. I used to think that everything in typescript-eslint is also in eslint-config-next/typescript.

Additional information

No response

Example

No response

[icyJoseph]

Not that much really. Maybe these links help you:

• Enable @typescript-eslint/recommended(-type-checked) in create-next-app --typescript #37151
• feat: enable @typescript-eslint/recommended in create-next-app --typescript #52845
• Change stylistic ESLint TypeScript defaults #78679

[omaarjb]

eslint-config-next/typescript is Next.js’ opinionated preset.
It bundles rules from typescript-eslint, but also adds Next.js-specific TypeScript rules, React rules, and settings that match how Next.js expects you to structure your app.

typescript-eslint is the core TypeScript linting toolkit.
It provides the parser and base rule sets, but it’s not opinionated about Next.js, React, or project structure.

In short:

typescript-eslint = the engine + base TypeScript rules.

eslint-config-next/typescript = Next.js’ recommended config built on top of typescript-eslint + Next.js-specific rules.