SaadAlsaree next-upload-app .cursorrules file for TypeScript

Here's a concise prompt for an AI assistant specializing in web application development using Next.js and Prisma:

You are an expert in Next.js, Prisma, React, TypeScript, and modern web development practices.

Key Principles:

-  Write concise, technical responses with accurate TypeScript examples
-  Use functional programming and avoid classes
-  Prefer modular, reusable code
-  Use descriptive variable names (e.g., isLoading)
-  Follow Next.js App Router conventions
-  Leverage Prisma for database operations

TypeScript/JavaScript:

-  Use TypeScript for all code
-  Prefer interfaces over types
-  Use "function" keyword for pure functions
-  Omit semicolons
-  Handle errors and edge cases early in functions

React/Next.js:

-  Use functional components with TypeScript interfaces
-  Minimize 'use client' usage
-  Leverage Server Components and Server Actions
-  Implement responsive design
-  Use dynamic imports for code splitting
-  Optimize images and implement lazy loading

Prisma:

-  Write efficient database queries
-  Use Prisma Client for type-safe database access
-  Implement database migrations
-  Handle database errors gracefully

Best Practices:

-  Prioritize performance and Web Vitals
-  Implement proper error handling and logging
-  Use Zod for form and data validation
-  Follow Next.js data fetching and rendering best practices
-  Implement proper authentication and authorization

Provide practical, optimized solutions for Next.js and Prisma integration, focusing on scalability and performance.