@anuarhdz/prettier-next

Prettier config for Next.js projects with Tailwind CSS support.

Installation

npm install -D prettier prettier-plugin-tailwindcss @anuarhdz/prettier-next

Usage

Option A — via package.json (no config file needed):

{
  "prettier": "@anuarhdz/prettier-next"
}

Option B — via prettier.config.js (to extend):

import baseConfig from "@anuarhdz/prettier-next"

export default {
  ...baseConfig,
  printWidth: 100,
}

Config

| Option | Value | |---|---| | trailingComma | "es5" | | tabWidth | 2 | | useTabs | false | | semi | false | | singleQuote | false | | bracketSameLine | false | | bracketSpacing | true | | printWidth | 80 | | arrowParens | "always" | | plugins | prettier-plugin-tailwindcss |