ابنِ موقعك الشخصي وبورتفوليو أعمالك في ساعة

• ✅ صفحة رئيسية بهوية شخصية قوية
• ✅ قسم «عني» + السيرة الذاتية للتحميل PDF
• ✅ معرض أعمال (Portfolio) قابل للتصفية
• ✅ مدوّنة مقالات بسيطة
• ✅ نموذج تواصل يرسل إلى بريدك
• ✅ روابط شبكاتك الاجتماعية + SEO كامل

انسخ كل برومبت والصقه في Lovable بالترتيب. لا تدمج خطوتين في برومبت واحد — الجودة تنخفض. عدّل النص بين الأقواس المربّعة ليناسب مشروعك.

⌨️ تنقّل بين الخطوات بالأسهم (↑ ↓ → ←)، واضغط Enter أو Space لنسخ البرومبت.

1. 1

   الخطوة 1: الهوية والقالب

   برومبت الخطوة 1 — الهوية والقالب. اضغط Enter أو Space للنسخ، أو استخدم الأسهم للتنقّل.

   أنشئ موقعاً شخصياً باسم [اسمك] بمهنة [مهنتك]. الهوية: [صف اللون والمزاج، مثلاً «هادئة، مينيمال، أسود على أبيض دافئ»]. أضف صفحات: الرئيسية، عني، الأعمال، المدوّنة، تواصل. اجعل الخط IBM Plex Sans Arabic والواجهة عربية RTL.

   نسخ
2. 2

   الخطوة 2: الرئيسية وقسم Hero

   برومبت الخطوة 2 — الرئيسية وقسم Hero. اضغط Enter أو Space للنسخ، أو استخدم الأسهم للتنقّل.

   الرئيسية تعرض: صورتي (Placeholder)، عنوان «[اسمك] — [مهنتك]»، جملة تعريفية من سطرين، زرَّي CTA («شاهد أعمالي»، «تواصل معي»)، شعارات العملاء أو الجهات، ثم آخر ٣ مشاريع كبطاقات، ثم آخر ٣ مقالات.

   نسخ
3. 3

   الخطوة 3: معرض الأعمال

   برومبت الخطوة 3 — معرض الأعمال. اضغط Enter أو Space للنسخ، أو استخدم الأسهم للتنقّل.

   أنشئ /work بمصفوفة مشاريع (project: title, category, cover, description, url, tech[]). أضف فلترة تبويبية حسب الفئة. كل بطاقة تفتح /work/[slug] بصفحة تفاصيل تعرض معرض صور ورابط المشروع الحي.

   نسخ
4. 4

   الخطوة 4: المدوّنة

   برومبت الخطوة 4 — المدوّنة. اضغط Enter أو Space للنسخ، أو استخدم الأسهم للتنقّل.

   أنشئ مدوّنة /blog بمقالات من ملفات MDX (title, date, tags, cover, body). صفحة القائمة تعرض بطاقات، وصفحة /blog/[slug] تعرض المقال بتنسيق قراءة مريح مع فهرس عناوين جانبي، وقت قراءة تقديري، وأزرار مشاركة.

   نسخ
5. 5

   الخطوة 5: نموذج تواصل يعمل

   برومبت الخطوة 5 — نموذج تواصل يعمل. اضغط Enter أو Space للنسخ، أو استخدم الأسهم للتنقّل.

   في /contact نموذج (name, email, message) يرسل عبر Edge Function باستخدام Resend إلى بريدي [بريدك]. أظهر رسالة نجاح وتحقق من صحة الحقول قبل الإرسال. احمِ النموذج بـ honeypot ضد السبام.

   نسخ
6. 6

   الخطوة 6: SEO كامل + Schema Person

   برومبت الخطوة 6 — SEO كامل + Schema Person. اضغط Enter أو Space للنسخ، أو استخدم الأسهم للتنقّل.

   أضف لكل صفحة title/description/og. في __root ضع JSON-LD من نوع Person باسمي، مهنتي، صورتي، وحساباتي الاجتماعية. أنشئ /sitemap.xml و/robots.txt.

   نسخ

1. ١. راجع المعاينة (Preview)

   افتح المعاينة داخل Lovable وتأكد أن جميع الصفحات تعمل بلا أخطاء وأن الروابط الداخلية سليمة، خاصة على شاشة الجوّال.

2. ٢. فعّل Lovable Cloud إذا كان مشروعك يحتاج قاعدة بيانات أو تسجيل دخول

   من الإعدادات فعّل Cloud (يعمل على Supabase تحت الغطاء) قبل النشر لضمان أن العمليات الخلفية مربوطة بمشروع إنتاجي.

3. ٣. أضف مفاتيح البيئة (Secrets)

   من Project Settings أضف مفاتيح خدمات الدفع والبريد وأي API خارجي. لا تضع المفاتيح داخل الكود مباشرة.

4. ٤. اضغط Publish

   سينشر Lovable مشروعك على نطاق فرعي *.lovable.app خلال دقيقة تقريباً. شارك الرابط للتجربة الأولى.

5. ٥. اربط نطاقك الخاص (Custom Domain)

   من Project Settings → Domains أضف نطاقك واتبع تعليمات DNS. النطاق الخاص شرط أساسي لثقة المستخدم ولمحركات البحث.

6. ٦. أرسل خريطة الموقع لـ Google Search Console

   بعد ربط النطاق، أضف الموقع في Search Console وأرسل ‎/sitemap.xml وابدأ بمراقبة الفهرسة.