a3ldi/nextjs-rules icon
public
Published on 4/5/2025
a3ldi/nextjs-rules

NextJS Rules works with: Tailwind CSS 4, Shadcn UI, Jotai. And some enhancements for better work.

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