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/...