Linting & Formatting

Configure ESLint with the flat config format for a Next.js project using built-in presets, FlatCompat, and custom rules.

Configure essential ESLint rules for React, hooks, TypeScript, imports, and accessibility. Learn to fine-tune rules and set severity levels.

Install and configure ESLint plugins for React, TypeScript, accessibility, Tailwind CSS, and testing. Learn when to use additional rules beyond core web vitals.

Install and configure Prettier for consistent code formatting in React and Next.js projects. Learn to set up .prettierrc, .prettierignore, and VS Code.

Make ESLint and Prettier work together without conflicts by separating concerns: ESLint for code quality, Prettier for formatting.

Use Biome as a single, fast tool for linting, formatting, and import organization - replacing both ESLint and Prettier.

Implement Husky and lint-staged to automate ESLint and Prettier on staged files before each commit, ensuring code quality.

Ensure consistent editor behavior across your team with EditorConfig, VS Code workspace settings, and recommended extensions.

Enable TypeScript's strict compiler options to catch more bugs at compile time and complement ESLint with type-level safety.

Run ESLint, Prettier, and TypeScript type-checking in GitHub Actions to enforce code quality on every pull request.

Learn 25 linting and formatting best practices, including using ESLint 9 Flat Config, bridging presets with FlatCompat, and isolating global ignores.

A single-page roundup of every highlight bullet from the 11 pages in the Linting & Formatting section, grouped by source page so you can scan all 66 takeaways without opening each article individually.