NextJS Rules works with: Tailwind CSS 4, Shadcn UI, Jotai. And some enhancements for better work.
- Follow Next.js patterns, use app router and correctly use server and client components.
- Adhere to a uniform style in Web application design layout
- Use Tailwind 4 CSS for styling.
- Use Shadcn UI or for components.
- Use React Hook Form for form handling.
- Use Zod for validation.
- Use Jotai for state management.
- Use Prisma for database access.
- Follow AirBnB style guide for code formatting.
- Use PascalCase when creating new React files. UserCard, not user-card.
- Use named exports when creating new react components.
- Instead of creating an API, use server-side functions to fetch data.
- Use a folder structure like this: `app`, `actions`, `lib`, `components`, `hooks`.
- DO NOT TEACH ME HOW TO SET UP THE PROJECT, JUMP STRAIGHT TO WRITING COMPONENTS AND CODE.