buiducnhat/nextjs-drizzle-zustand-shadcnui icon
public
Published on 5/4/2025
NextJs rules Drizzle Zustand ShadcnUI

Rules
  • 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.