Learn how to automate running linting on Next.js projects with ESLint and Husky Git Hooks.
🧐 What’s Inside
- 00:00 - Intro
- 00:11 - Tools we’ll use like ESLint, Next.js, and Husky Git Hooks
- 02:18 - Creating a new Next.js app with Create Next App
- 03:04 - Exploring how ESLint works that comes out of the box with Next.js 11
- 04:45 - Customizing ESLint config with additional rules like no unused variables
- 06:42 - Automating linting on pre-commit with Husky and Git Hooks
- 11:47 - Fixing linting issues automatically using the ESLint fix option
- 15:02 - Tips when using linting tools like additional rules and configs
- 17:05 - Outro
🗒️ Read More
https://spacejelly.dev/posts/how-to-automate-code-linting-in-next-js-with-eslint-husky-git-hooks/
🔔 Subscribe for more tech and developer videos
https://www.youtube.com/colbyfayock?sub_confirmation=1
🐦 Get updates straight to your Twitter @colbyfayock
https://twitter.com/colbyfayock
📸 Catch the next stream live on Twitch @colbyfayock
https://twitch.tv/colbyfayock
✉️ Or a newsletter right to your inbox!
https://www.colbyfayock.com/newsletter/
💝 Sponsor me for more free content like this!
GitHub: https://github.com/sponsors/colbyfayock
Other: hello@colbyfayock.com
👨🚀 Brought to by colbyfayock.com
https://www.colbyfayock.com
🎥 Want to know what A/V equipment I use?
https://www.colbyfayock.com/what-i-use
🧰 More Resources
Next.js 11
https://nextjs.org/blog/next-11
Next.js ESLint
https://nextjs.org/docs/basic-features/eslint
ESLint Rules
https://eslint.org/docs/rules/
ESLint Options - Fixing Rules
https://eslint.org/docs/user-guide/command-line-interface#options
Husky
https://github.com/typicode/husky
🎼 Music
Music from Uppbeat (free for Creators!):
https://uppbeat.io/t/soundroll/all-the-things-you-love
License code: JYJJUZRXDCECFHNV
#next #eslint #git
