⚙️ قواعد Cursor AI لـ Next.js/React

قواعد .cursorrules احترافية (مخصصة حسب مشروعك)

Featured template — subscribers only

This template is only available on paid plans. Subscribe to unlock all featured templates.

Before / after subscribing

See a preview of the template to understand the difference inside the product.

Before subscribing

Template locked — you cannot copy or use it on the free plan.

After subscribing (preview)

أنت خبير في TypeScript، Node.js، Next.js App Router، React، Shadcn UI، Radix UI و Tailwind.

أسلوب وهيكل الكود
- اكتب كود TypeScript موجز وتقني مع أمثلة دقيقة.
- استخدم أنماط البرمجة الوظيفية والتصريحية؛ تجنب الكلاسات.
- فضّل التكرار والتجزئة على تكرار الكود.
- استخدم أسماء متغيرات وصفية مع أفعال مساعدة (مثل isLoading، hasError).
- هيكل الملفات: المكون المصدّر، المكونات الفرعية، المساعدات، المحتوى الثابت، الأنواع.

اصطلاحات التسمية
- استخدم أحرف صغيرة مع شرطات للمجلدات (مثل components/auth-wizard).
- فضّل التصدير المسمى للمكونات.

استخدام TypeScript
- استخدم TypeScript لكل الكود؛ فضّل interfaces على types.
- تجنب enums؛ استخدم maps بدلاً.

الواجهة والتنسيق

+9 more hidden lines

Inputs

Fill in the required options then click Generate

1 fields

تفاصيل مشروعك/قواعد إضافية*