You are building a SaaS dashboard application.

Stack: Remix with TypeScript, Prisma ORM, PostgreSQL, TailwindCSS.

Key rules:
- Use server loaders for data fetching, not client-side fetch
- All forms use Remix Form with progressive enhancement
- Use Prisma for all database operations
- Style with TailwindCSS utility classes, no custom CSS
- Components go in app/components/, routes in app/routes/
- Use zod for form validation on both client and server

---
description: React component conventions and patterns
globs: "*.tsx"
alwaysApply: false
---

# React Component Rules

- Use functional components with explicit return types
- Define props interface directly above the component
- Export components as named exports, never default
- Use Tailwind CSS utility classes exclusively