Cursor rule

1---
2globs: *.ts,*.tsx,*.js,*.jsx
3---
4 
5# Code Quality Standards
6 
7## ESLint Configuration
8 
9Primer uses custom ESLint configs in [packages/eslint-config-primer/](mdc:packages/eslint-config-primer/):
10 
11- **Base**: Common rules for all packages
12- **Client**: Frontend-specific rules with React/Next.js
13- **Server**: Backend-specific rules for Strapi
14 
15## Code Style Rules
16 
17### Import Organization
18 
19```typescript
20// 1. React imports (first)
21import React from 'react';
22 
23// 2. External libraries (alphabetical)
24import { NextPage } from 'next';
25import { Button } from '@strapi/design-system';
26 
27// 3. Internal modules (alphabetical)
28import { apiClient } from '@/lib/api';
29import { ProductCard } from '@/components/common';
30 
31// 4. Type imports (separate group)
32import type { Product } from '@/types/product';
33```
34 
35### TypeScript Rules
36 
37- Use `type` imports for type-only imports
38- Avoid `any` - use `unknown` or proper typing
39- Use strict type checking
40- Define interfaces for component props
41 
42### React Rules
43 
44- Use arrow functions for components
45- No default exports (except pages)
46- Proper prop types and interfaces
47- Use React hooks correctly
48 
49## Linting Commands
50 
51- `yarn lint` - Lint all packages
52- `yarn lint:fix` - Auto-fix linting issues
53- Individual package linting available
54 
55## Code Formatting
56 
57- **Prettier**: Integrated with ESLint
58- **Consistent**: Same formatting across all packages
59- **Auto-fix**: Available through ESLint
60 
61## Error Handling
62 
63### Frontend
64 
65- Use proper error boundaries
66- Handle loading and error states
67- Type-safe error handling
68 
69### Backend
70 
71- Proper HTTP status codes
72- Structured error responses
73- Logging with appropriate levels
74 
75## Performance
76 
77### Frontend
78 
79- Use Next.js Image component
80- Implement proper code splitting
81- Optimize bundle size
82- Use React.memo when appropriate
83 
84### Backend
85 
86- Efficient database queries
87- Proper caching strategies
88- Optimize API responses
89 
90## Documentation
91 
92- **README**: Each package should have a README
93- **Code Comments**: Document complex logic
94- **Type Definitions**: Well-documented interfaces
95- **API Documentation**: Clear endpoint documentation