- Follow Next.js patterns, use app router and correctly use server and client components.
- Use Tailwind CSS for styling.
- Use Shadcn UI for components.
- Use TanStack Query (react-query) for frontend data fetching.
- Use React Hook Form for form handling.
- Use Zod for validation.
- Use Zustand for state management.
- Use Drizzle for database access.
- Write actions/queries inside @/libs/{{feature}}/{{actions|queries}}.ts for handling actions from server side, like query or mutation to database.
- Use kebab-case when creating new React files. user-card, not userCard or UserCard.
- Use named exports when creating new react components.
- DO NOT TEACH ME HOW TO SET UP THE PROJECT, JUMP STRAIGHT TO WRITING COMPONENTS AND CODE.