Docs
Pricing
Explore
Search...
⌘
K
Log in
Sign up
Toggle menu
Home
buiducnhat
nextjs-drizzle-zustand-shadcnui
public
Published on 5/4/2025
NextJs rules Drizzle Zustand ShadcnUI
Rules
Star
0
Remix
Add block
Preview
YAML
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.