Working in a team can sometimes be challenging, we try to make our codebase look like it has been... Tagged with nextjs, javascript, webdev, beginners.

Mayar Yasser Elabbasy

Community Picks is a section on daily.dev where our community members share the most interesting and valuable content they've discovered online. From insightful articles to handy tools, every post is a gem curated by our dedicated coomunity. To contribute to Community Picks, you need to have at least 250 reputation points, ensuring that only active and trusted members can share their finds.

Community Picks

How to setup Prettier, ESLint, Husky and Lint-Staged with a NextJS and Typescript Project. We try to make our codebase look like it has been coded by one person. We can do this by adhering to a code style/format that everyone should follow.

How to setup Prettier, ESLint, Husky and Lint-Staged with a NextJS and Typescript Project

One thing I’m loving using in prettier right now is the <code>importOrder</code> feature

Pretty good! thanks for sharing.
I will add <a href="https://github.com/tailwindlabs/prettier-plugin-tailwindcss" target="_blank" rel="noopener nofollow">Tailwindcss prettier plugin</a> to the setup if I’m using Tailwind. It can help a lot with the class sorting.

No need for both ESLINT &amp; Prettier to co-exist. they do the same.
I would go to ESLINT