MEDIUMQualitysmallNext.js + Supabase Standards

Use kebab-case for file and directory names

Name files and directories in kebab-case (lowercase with hyphens) to avoid cross-platform case sensitivity issues.

Why This Matters

Git on macOS is case-insensitive by default. A file renamed from MyComponent.tsx to myComponent.tsx won't be tracked as a change, causing bugs on Linux CI.

Related Rules

Use route groups to organize app sections

Architecture

HIGH

Colocate page files with their route segment

Architecture

MEDIUM

Use (select auth.uid()) instead of auth.uid() in policies

Performance

MEDIUM

Keep server actions in dedicated files

Architecture

HIGH

Catch this automatically on every PR

BeforeMerge scans your pull requests against this rule and 2+ others. Get actionable feedback before code ships.

Join Waitlist Browse All Rules

Why This Matters

Case sensitivity differs between operating systems:

macOS/Windows: case-insensitive (MyFile.tsx = myfile.tsx)
Linux: case-sensitive (MyFile.tsx ≠ myfile.tsx)

Using kebab-case eliminates this entire class of bugs.

Good

lib/rule-actions.ts
components/molecules/fancy-select.tsx
app/(content)/rules/[slug]/page.tsx

Bad

lib/RuleActions.ts
components/molecules/FancySelect.tsx

Exception: React component files can use PascalCase if your team prefers it, but be consistent.

Use kebab-case for file and directory names

Why This Matters

Tags

Related Rules

Catch this automatically on every PR

Why This Matters

Good

Bad