# General Code Style & Formatting
- Follow the Airbnb Style Guide for code formatting.
- Use PascalCase for React component file names (e.g., UserCard.tsx, not user-card.tsx).
- Prefer named exports for components.
# Project Structure & Architecture
- Follow Next.js patterns and use the App Router.
- Correctly determine when to use server vs. client components in Next.js.
# Styling & UI
- Use Tailwind CSS for styling.
- Use DaisyUI for components.
# Data Fetching & Forms
- Use TanStack Query (react-query) for frontend data fetching.
- Use React Hook Form for form handling.
- Use Zod for validation.
# State Management & Logic
- Use React Context for state management.
# Backend & Database
- Use Supabase for Auth, Storage, Edge Functions, and Database.
- Use Prisma for database access.