next lint – Verificarea automată a calității codului cu ESLint în Next.js

next lint
npm run lint
next lint --fix

Ce face next lint - Verificarea automată a calității codului cu ESLint

Comanda next lint integrează ESLint cu plugin-ul oficial `@next/eslint-plugin-next`.

Detectează erori frecvente de performanță și securitate specifice Next.js, cum ar fi folosirea unui tag simplu `` în loc de componenta optimizată ``, importuri greșite de fonturi sau utilizarea incorectă a hook-urilor React.

Include opțiunea --fix pentru corectarea automată a problemelor de formatare și stil.

Exemple

Exemplul 1: Rularea verificării statice de cod într-un pipeline CI/CD

Confirmă că nu există erori de sintaxă sau avertismente de performanță.

npm run lint

Ieșire în terminal

✔ No ESLint warnings or errors

Greșeli frecvente

• Dezactivarea regulilor ESLint cu comentarii ‘eslint-disable’ fără a înțelege riscurile (ex: dezactivarea regulii pentru componentele de imagini duce la degradarea scorului Google Core Web Vitals).

Comenzi înrudite

• next build - Compilarea și optimizarea aplicației pentru producție: Compilează codul TypeScript/React, generează paginile statice și creează pachetele JS optimizate în directorul .next/.
• Componenta <Image> (next/image) - Optimizarea automată a imaginilor: Extinde elementul HTML <img> oferind conversie automată în WebP/AVIF, redimensionare responsivă și eliminarea fenomenului de deplasare a conținutului (CLS).