@ssheverev/eslint-next-config

Конфигурация ESLint для Next проектов.

Данная конфигурация является дополнением к основным плагинам, таким как:

• @ssheverev/eslint-config - конфигурация Eslint
• @ssheverev/eslint-ts-config - конфигурация Eslint для typescript
• @ssheverev/eslint-react-config - конфигурация React

Установка

npm install --save-dev @eslint@^9.20.0 @ssheverev/eslint-config @ssheverev/eslint-ts-config @ssheverev/eslint-react-config @ssheverev/eslint-next-config

Требования

• Node.js ^18.18.0 || ^20.9.0 || >=21.1.0
• ESLint >= 9.20.0

Возможности

• Правила для Next
• Проверка использования синхронного кода
• Проверка оптимизированной загрузки шрифтов и картинок
• Проверка оптимизированной навигации
• Проверка дублирований
• Проверка некорректных импортов
• Проверка скриптов

Использование

В вашем eslint.config.js:

import baseConfig from '@ssheverev/eslint-config';
import tsConfig from '@ssheverev/eslint-ts-config';
import reactConfig from '@ssheverev/eslint-react-config';
import nextConfig from '@ssheverev/eslint-next-config';

export default [...baseConfig, ...tsConfig, ...reactConfig, ...nextConfig];

Включенные плагины

• eslint-plugin-next - правила для Next

Основные правила

Next

• Проверка оптимизации Google-шрифтов
• Проверка указания атрибута id для компонентов next/script
• Запрещает синхронные скрипты
• Проверка использования оптимизированных компонентов картинок
• Проверка использование для навигации

Рекомендуемые расширения

Для полной функциональности рекомендуется также установить:

• @ssheverev/prettier-config - конфигурация Prettier
• @ssheverev/ts-config - конфигурация TypeScript