Organize components into atoms, molecules, organisms
Use atomic design to structure components: atoms (Button, Input), molecules (SearchBar, FormField), organisms (Header, Sidebar).
Why This Matters
Without structured organization, components become a flat list that's hard to navigate and creates unclear dependency hierarchies.
Tags
nextjssupabase
Related Rules
Catch this automatically on every PR
BeforeMerge scans your pull requests against this rule and 2+ others. Get actionable feedback before code ships.