Standardize Your Next.js Project with ESLint and Husky

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • husky

    Git hooks made easy 🐶 woof!

  • Husky (automated linter trigger)

  • prettier

    Prettier is an opinionated code formatter.

  • Prettier (Code Formatter)

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • lint-staged

    🚫💩 — Run linters on git staged files

  • After that, we’ll install the Lint Staged to trigger and run lines on git staged files by executing npx mrm@2 lint-staged. It will automatically generate the base command triggers in pre-commit husky config file. After that, you can delete or modify the content by your own preference. After that, it will run the linter before the commit process. So you have to make sure that your code is matched with the linter rules.

  • ESLint

    Find and fix problems in your JavaScript code.

  • ESLint (Linter for JS-based project)

  • next-tailwind-polos

    This just for sharing session purpose

  • For giving an example purpose, I’ve prepared a simple Next.js (Typescript) project. You can use https://github.com/yehezkielgunawan/next-tailwind-polos if you want to try to standardize the source code using those tools. You can clone it to your local device and don’t forget to install the dependencies using yarn or npm install

  • yehezgun-new

    🎨This is the newest version of my personal web.🎨

  • Reference: Husky setting Yehez-Tailwind-Starter

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts