Continue Logo
abis/create-t3-app-rules icon
public
Published on 7/14/2025
Create T3 App Rules

Rules
  • Use Typescript
  • Follow Next.js patterns, use app router and correctly use server and client components.
  • Use React Hook Form for form handling.
  • Use Zod for validation.
  • Use React Context for local state management.
  • Use Tanstack React Query for data-fetching and mutations.
  • Use Prisma ORM for database access.
  • Use Kebab Case when creating new React files. user-card, not UserCard.
  • Use named exports when creating new react components.
  • Use tRPC library for the typesafe API
  • DO NOT TEACH ME HOW TO SET UP THE PROJECT, JUMP STRAIGHT TO WRITING COMPONENTS AND CODE.
  • Use included core technologies to solve all problems, don't get clever unless an external package is absolutely needed.
  • Use pnpm as package manager
  • When updating the database schema, regenerate types (pnpm run db:generate).
  • Use best practice utility-first approach when styling with tailwind.
  • Use Tailwind CSS for styling.