قاموس المصطلحات
77 مصطلحًا مشروحًا بالعربية مع المقابل الإنجليزي — مرجع سريع لكل ما تحتاج فهمه أثناء البناء بـ Lovable.
أساسيات
- أساسياتالبرومبتPrompt
الرسالة النصّية التي تُرسلها إلى Lovable لوصف ما تريد بناءه أو تعديله. جودة البرومبت (دقّته، سياقه، مثاله) تحدّد جودة النتيجة أكثر من أي عامل آخر.
- أساسياتالبرمجة بالإحساسVibe Coding
أسلوب بناء المنتجات عبر وصف النيّة بلغة طبيعية للذكاء الاصطناعي بدل كتابة الكود يدويًا. شاعه Andrej Karpathy، وفكرته أنّ الصانع يقود الإحساس والجودة، والذكاء يترجمها إلى كود.
- أساسياتوضع الدردشةChat Mode
وضع في محرّر Lovable يسمح لك بمناقشة الفكرة والخطة قبل التنفيذ، دون تعديل الملفّات. مفيد لتخطيط الميّزات الكبيرة أو استكشاف الخيارات.
- أساسياتوضع البناءBuild / Default Mode
الوضع الافتراضي في Lovable الذي ينفّذ فيه الذكاء التعديلات مباشرة على الملفّات ويعرض النتيجة في المعاينة.
- أساسياتنقطة الحفظCheckpoint
لقطة تلقائية للمشروع بعد كل تعديل يقوم به Lovable. يمكنك الرجوع لأيّ نقطة سابقة بضغطة، دون الحاجة إلى Git يدوي.
منتج
- منتجالمسارRoute
رابط داخل التطبيق (مثل /prompts) مرتبط بملفّ صفحة معيّن. في TanStack Router، المسارات ملفّات داخل src/routes مع اصطلاح تسمية يعتمد النقطة كفاصل.
- منتجلودر المسارRoute Loader
دالّة تُنفَّذ قبل تصيير الصفحة لجلب البيانات. في هذا القالب تستخدم TanStack Query عبر ensureQueryData داخل loader و useSuspenseQuery داخل المكوّن.
- منتجالمنفذOutlet
المكوّن الذي يحدّد أين ترسم صفحات الأبناء داخل صفحة أب (Layout). لو نسيته، تفتح الصفحة بيضاء رغم أنّ المسار مطابق.
- منتجمسار التخطيطLayout Route
مسار أب يُغلّف مسارات ابنة بشريط جانبي أو رأس مشترك. المسارات المسبوقة بـ _ (مثل _authenticated) لا تظهر في الـ URL لكنّها تعمل كطبقة تخطيط.
- منتجحماية المسارRoute Guard
منطق في loader المسار يمنع المستخدم غير المخوَّل من الوصول (كإعادة التوجيه إلى /auth). في TanStack Start يُنفَّذ عبر layout _authenticated أو middleware.
AI
- AIبوّابة الذكاءLovable AI Gateway
بوّابة موحّدة لاستدعاء نماذج الذكاء داخل تطبيقات Lovable (نصّ، صور، صوت). مفتاح واحد LOVABLE_API_KEY يبقى على الخادم فقط ويُدار كسرّ.
- AIGeminiGoogle Gemini
عائلة نماذج ذكاء من Google. Gemini Flash سريع ورخيص للمهام العامّة، وGemini Pro أعمق للمهام المعقّدة. متاحة داخل Lovable AI Gateway.
- AIClaudeAnthropic Claude
عائلة نماذج من Anthropic تتميّز بجودة عالية في الكتابة والاستدلال. Sonnet هو التوازن الجيّد، Opus للمهام الأصعب. متاحة داخل Lovable AI.
- AIGPTOpenAI GPT
نماذج OpenAI اللغوية. GPT-5 وGPT-mini من أقوى النماذج للاستدلال والكود. متاحة عبر بوّابة Lovable مع دعم structuredOutputs.
- AIالتدفّقStreaming
إرسال استجابة النموذج على أجزاء أثناء توليدها بدل انتظارها كاملة. يحسّن إحساس السرعة كثيرًا في الدردشات، وتستخدمه streamText مع useChat.
تصميم
- تصميمرمز التصميمDesign Token
متغيّر يخزّن قرارًا بصريًا (لون، مسافة، حواف، ظلّ) بحيث يُستهلك من مكان واحد. في هذا المشروع تُعرَّف كـ CSS variables داخل styles.css.
- تصميمshadcn/uishadcn/ui
مكتبة مكوّنات مبنية على Radix وTailwind تُنسخ داخل مشروعك بدلًا من تثبيتها كحزمة، ممّا يمنحك ملكية كاملة للكود والتخصيص.
- تصميمRadix UIRadix Primitives
مكتبة مكوّنات أساسية بلا أسلوب مرئي (headless)، تعطي السلوك السليم للـ Dialog والMenu والCombobox وغيرها. shadcn/ui يبني عليها.
- تصميمنظام ألوان OKLCHOKLCH color space
نظام ألوان إدراكيّ (perceptual) يعبّر عن الإضاءة والتشبّع والزاوية اللونية بشكل خطّي، فيصبح تعديل الوضوح أو التشبّع متوقّعًا ومتّسقًا عبر الوضعين الفاتح والداكن.
- تصميمTailwind CSSTailwind CSS v4
إطار CSS يعتمد utility classes قصيرة تُطبَّق مباشرة على العناصر. v4 تعتمد CSS-first مع @theme و@utility بدل ملفّ إعداد JS.
بنية تحتية
- بنية تحتيةLovable CloudLovable Cloud
الخدمة الخلفية المدمجة داخل Lovable: قاعدة بيانات PostgreSQL، مصادقة، تخزين ملفّات، ودوالّ سيرفر — بلا إعداد يدوي ولا حسابات خارجية.
- بنية تحتيةSupabaseSupabase
منصّة backend مفتوحة المصدر (Postgres + Auth + Storage + Realtime) تدير Lovable Cloud تحت الغطاء. يمكن الوصول لها مباشرة عند الحاجة.
- بنية تحتيةPostgreSQLPostgreSQL
قاعدة بيانات علائقيّة مفتوحة المصدر قويّة تدعم JSON، البحث الكامل، الامتدادات (pgvector، pg_trgm). محرّك Lovable Cloud الأساسي.
- بنية تحتيةالتصيير من الخادمServer Side Rendering (SSR)
توليد صفحة HTML كاملة على الخادم قبل إرسالها للمتصفّح، ممّا يحسّن السيو وسرعة الظهور الأولى (FCP)، ويسمح بميتاداتا ديناميكية.
- بنية تحتيةالترطيبHydration
المرحلة التي يعيد فيها React ربط الأحداث والتفاعل بالـ HTML المُصيَّر من الخادم. تعارض بين ما رسمه الخادم وما يبنيه العميل يُنتج خطأ hydration mismatch.
أمان
- أمانسياسات الصفوف الأمنيةRow Level Security (RLS)
قواعد على مستوى قاعدة البيانات تحدّد أي مستخدم يستطيع قراءة أو تعديل أيّ صف. تُفعّل داخل PostgreSQL لكل جدول، وتُكتب سياساتها بلغة SQL.
- أمانمنح الصلاحياتGRANTs
عبارات SQL تمنح الأدوار (anon, authenticated, service_role) صلاحيات على جدول. RLS وحدها لا تكفي — بدون GRANT مقابلة، يفشل الطلب بخطأ صلاحيات.
- أماندالّة التحقّق من الدورhas_role() (Security Definer)
دالّة SQL بصيغة SECURITY DEFINER تتحقّق من دور المستخدم بمعزل عن RLS، لتجنّب التكرار (recursive policies) عند استعلام user_roles.
- أمانالمفتاح العام مقابل السرّيPublishable vs Secret Key
المفتاح العام (publishable/anon) آمن في كود العميل ويطبَّق معه RLS. المفتاح السرّي (service_role) يتجاوز RLS ولا يجوز أن يخرج من الخادم أبدًا.
- أمانالسرّSecret
قيمة حسّاسة (API key، توقيع ويب-هوك، كلمة مرور DB) تُخزَّن في متغيّرات البيئة على الخادم عبر أداة الأسرار، ولا تُقرأ إلا داخل handlers.
أداء
- أداءمؤشّرات الويب الحيويةCore Web Vitals
ثلاثة مقاييس رئيسية يقيسها Google لتقييم تجربة الصفحة: LCP (سرعة عرض أكبر عنصر)، INP (استجابة التفاعل)، CLS (استقرار التخطيط).
- أداءتقسيم الكودCode Splitting
تجزئة حزمة JavaScript إلى قطع تُحمَّل عند الحاجة فقط. TanStack Router يُطبّقه تلقائيًا على مستوى المسار — لا تشحن كود صفحة /admin مع صفحة /.
- أداءالتحميل الكسولLazy Loading
تأجيل تحميل صورة أو مكوّن حتى لحظة الحاجة (مثلًا عند اقترابه من الشاشة). loading="lazy" لكل صورة خارج viewport الأولي.
- أداءالتخزين المؤقّتCaching
حفظ نتائج عمليّات مكلفة لإعادة استخدامها. Lovable تستخدم Cloudflare Cache للأصول الثابتة، وTanStack Query يخزّن نتائج fetch على العميل.
- أداءالجلب المسبقPrefetching
تحميل بيانات صفحة قبل الضغط عليها (عند تحويم المؤشّر مثلًا) لظهور فوري. TanStack Router يدعمه عبر preload="intent".
دفع
- دفعStripeStripe
أشهر مزوّد دفع عالمي. يدعم البطاقات والاشتراكات وApple Pay وGoogle Pay. لا يدعم مدى السعودي، ويُفعَّل في Lovable عبر تكامل جاهز.
- دفعPaddlePaddle
مزوّد دفع يعمل كـ Merchant of Record — يتولّى ضرائب VAT ومسؤوليّات المبيعات نيابة عنك. مناسب لمنتج SaaS يبيع عالميًا.
- دفعجلسة الدفعCheckout Session
صفحة استضافها Stripe/Paddle لإتمام الدفع بأمان دون لمس بيانات البطاقة. تنشئها من الخادم وتعيد المستخدم إلى تطبيقك بعد النجاح.
- دفعالاشتراكSubscription
دفع دوري (شهري/سنوي) يجدَّد تلقائيًا. يحتاج ويب-هوك للاستماع لأحداث الإلغاء/الفشل وتحديث حالة المستخدم في قاعدتك.
- دفعالويب-هوكWebhook
نداء HTTP يصلك من خدمة خارجية عند وقوع حدث (نجاح دفعة، إلغاء اشتراك). يجب التحقّق من توقيعه دائمًا قبل الاعتماد على محتواه.
تكاملات
- تكاملاتResendResend
خدمة إرسال بريد إلكتروني حديثة تستخدم React Email للتصاميم. مدعومة كتكامل رسميّ في Lovable لإرسال البريد الترحيبي والتنبيهات.
- تكاملاتTwilioTwilio
منصّة تواصل توفّر إرسال SMS ومكالمات صوتية وWhatsApp API. تكامل جاهز في Lovable لأنظمة التحقّق بالجوّال (OTP).
- تكاملاتFirecrawlFirecrawl
خدمة استخراج محتوى الويب كـ Markdown مهيّأ لنماذج الذكاء. مفيدة لبناء أدوات بحث دلاليّ أو ملخّصات لصفحات ديناميكية.
- تكاملاتتسجيل دخول GoogleGoogle OAuth
دخول سريع بحساب Google دون كلمة مرور. مدمَج في Lovable Cloud بضغطتين، دون الحاجة إلى تسجيل تطبيق OAuth يدويًا.
SEO
- SEOSEOSearch Engine Optimization
تحسين ظهور موقعك في نتائج البحث. يبدأ بميتاداتا صحيحة (title/description) وينتهي بمحتوى غنيّ وسرعة تحميل عالية.
- SEOGEOGenerative Engine Optimization
الجيل الجديد من SEO لمحرّكات الذكاء (ChatGPT، Gemini، Perplexity). يعتمد على فقرات قابلة للاقتباس، JSON-LD غنيّ، وملفّ llms.txt.
- SEOالميتاداتاMeta Tags
وسوم <meta> في <head> توصف الصفحة لمحرّكات البحث ومواقع التواصل. الأساسية: title, description, og:image, twitter:card.
- SEOخريطة الموقعsitemap.xml
ملفّ XML يسرد كل صفحات موقعك ليسهّل على Google اكتشافها. يُبنى ديناميكيًا في Lovable عبر server route.
- SEOملفّ llms.txtllms.txt
ملفّ نصّي في جذر النطاق يعرّف المحتوى لمحرّكات الذكاء (كـ robots.txt للنماذج). أساسي لتحسين ظهورك في GEO.
