| Next.js | Vercel | HeroUI | Tailwind CSS |
| Tailwind CSS Typography | Tabler Icons | Simple Icons | MDX in Next.js is Easy Now |
| Lorem Ipsum | Contentlayer | Shiki |
While configuring tools to improve code quality, I was unsure whether I should use Prettier or ESLint for handling the sorting of imports, properties, and Tailwind CSS classes.
Although Prettier plugins like prettier-plugin-tailwindcss and prettier-plugin-sort-imports can address this, I don't consider them the "best practice".
As discussed in this GitHub Issue and this Reddit Post, sorting can introduce side effects. Therefore, it's better to handle sorting with ESLint.
Moreover, Prettier will not warn you about incorrect order, but ESLint will, as this is exactly what ESLint is supposed to do.