Prettier
We follow the shadcn/ui formatting style: opinionated, minimal config, integrates with Tailwind and the component patterns in @/components/ui
.
Config
Create .prettierrc
in the repo root:
{
"semi": false,
"singleQuote": true,
"printWidth": 100,
"trailingComma": "all",
"plugins": [
"prettier-plugin-tailwindcss"
]
}
Install dependencies:
pnpm add -D prettier prettier-plugin-tailwindcss
Ignore files in .prettierignore
:
node_modules
.next
pnpm-lock.yaml
dist
Usage
pnpm prettier --write .
Conventions
- Match shadcn/ui: no semicolons, single quotes, Tailwind classes sorted
- Keep files small and composable; one component per file
- Co-locate component implementations under
@/components/ui
and feature content under@/components/...