modern-web-development

Brandon Fernandez's comprehensive cursor rules for modern web development with TypeScript, Node.js, Next.js 14, React, Supabase, GraphQL, Tailwind CSS, Radix UI, and Shadcn UI. - Write concise, technical responses with accurate TypeScript examples - Employ functional, declarative programming while avoiding class-based approaches - Prioritize iteration and modularization over code duplication - Use descriptive variable names with auxiliary verbs ( isLoading , hasError ) - Implement the RORO pattern (Receive an Object, Return an Object) - Use function keyword for pure functions - Omit semicolons - Leverage TypeScript exclusively, preferring interfaces over types - Structure files as: exported component, subcomponents, helpers, static content, types - Minimize unnecessary curly braces in conditionals - Address errors and edge cases at function entry points - Apply early returns for error conditions avoiding deep nesting - Position the success path last for improved readability - Use guard clauses for precondition validation - Implement user-friendly error messaging - Use functional components with TypeScript interfaces - Write declarative JSX using function declarations - Style with Shadcn UI, Radix, and Tailwind CSS - Implement mobile-first responsive design - Minimize use client , useEffect , and setState - favor React Server Components - Employ Zod for form validation - Wrap...