سلسلة الذكاء الاصطناعي · 13

ابنِ موقعاً مجاناً بالذكاء الاصطناعي (بلا خبرة سابقة)

أزال الذكاء الاصطناعي الحاجز التقني أمام بناء موقع. لكنه لم يُلغِ حاجتك إلى معرفة ما تريد قوله.

لقطة من الصفحة الرئيسية لموقع شخصي لمحمد نصيف، كمثال على موقع يمكن بناؤه ونشره بسرعة.

يظن أغلب الناس أن إنشاء موقع يحتاج برمجة ومالاً ومطوّراً. لم يعد ذلك صحيحاً. يتيح الذكاء الاصطناعي لأي شخص إنشاء موقع احترافي، حتى في أول تجربة تقنية له. مثال: Bolt.new.

أي نوع من المواقع تحتاج؟

موقع ثابت (عرض) — بلا تسجيل دخول ولا قاعدة بيانات ولا لوحة إدارة؛ المحتوى يبقى كما هو ما لم يُعدَّل. يُستخدم لملفات الأعمال ومواقع العرض التجاري والوكالات والعلامة الشخصية. الفكرة ببساطة: «هذا أنا، وهذا ما أفعله، وهكذا تتواصل معي». (المواقع الديناميكية ممكنة أيضاً — ولها مقالة مستقلّة.)

الخطوة 1: افتح Bolt.new

ادخل إلى bolt.new — بلا إعدادات، ابدأ الكتابة مباشرةً.

الخطوة 2: اشرح لـ Bolt ما تريد

مثال على الأمر:

Create a clean, minimal freelance portfolio website.
Sections: About, Services, Projects, Contact.
Style: modern, simple, professional.
Target audience: small businesses.
No animations, no dark theme.

سيولّد Bolt التخطيط والمحتوى والبنية والتصميم. ثم حسّنه من هناك: بساطة أكثر، ألوان أقل، خط مختلف، محتوى أفضل. لا برمجة — مجرّد محادثة.

الخطوة 3: نزّل ملفاتك

Export / Download ← ملف ZIP ← فكّ الضغط. هذه ملفات موقعك.

الخطوة 4: ارفعها إلى GitHub (مجاناً)

  1. أنشئ حساباً على github.com
  2. New Repository ← اختر اسماً ← Create
  3. ارفع الملفات ← Commit changes

الخطوة 5: انشره عبر Netlify (مجاناً)

  1. أنشئ حساباً على netlify.com
  2. Add new site ← Import from GitHub ← Deploy

سيصبح رابطك: yourname.netlify.app

الخطوة 6: اربط نطاقك الخاص

اشترِ نطاقاً من GoDaddy أو Namecheap أو Google Domains — مثلاً yourname.com. ثم في Netlify: Domain settings ← Add custom domain ← انسخ إعدادات DNS ← أضفها عند مزوّد النطاق ← احفظ. وانتظر من دقيقتين إلى ثلاثين دقيقة حتى يعمل النطاق.

ما الذي أزاله الذكاء الاصطناعي فعلاً

أزال الحواجز التقنية، لا الجهد. الوضوح، ومعرفة ما تريد، وشرحه ببساطة — كلها ما زالت مهمّة. هذه رافعة، لا إلغاء للعمل.

يصلح هذا للطلاب والمستقلّين وأصحاب الأعمال وصنّاع المحتوى — أي شخص بلا خلفية تقنية.

إضافة

تجاوز GitHub و Netlify تماماً: استخدم خطة Bolt المدفوعة للنشر مباشرةً. بلا إعداد استضافة ولا تهيئة. تدفع، تنشر، وانتهى الأمر.

وسومai-toolsweb-developmentno-codefreelancing

Originally published on LinkedIn.

التعليقات

لا تعليقات بعد — الكلمة الأولى لك.

اكتب تعليقاً

تُقرأ التعليقات قبل نشرها، لذا لن يظهر تعليقك فوراً.

اقرأ السلسلة — سلسلة الذكاء الاصطناعي

فهرس سلسلة الذكاء الاصطناعي
  1. 01الذكاء الاصطناعي يفتح فرصاً للجميع
  2. 02ما الذكاء الاصطناعي حقاً
  3. 03قوة الأوامر
  4. 04هيكل الأمر وأمثلة حقيقية
  5. 05كيف تختار أداة الذكاء الاصطناعي المناسبة
  6. 06اجمع أدوات الذكاء الاصطناعي كأنها فريق رقمي
  7. 07ابنِ نظام ذكاء اصطناعي خاصاً بك (بلا برمجة)
  8. 08فكّر مثل الذكاء الاصطناعي
  9. 09كيف تبقى مواكباً للذكاء الاصطناعي
  10. 10مستقبل الذكاء الاصطناعي وكيف يغيّر عملنا
  11. 11كيف تستخدم الشركات الصغيرة والمستقلّون الذكاء الاصطناعي
  12. 12من تعلّم الآلة إلى الوكلاء: كيف تطوّر الذكاء الاصطناعي فعلاً
  13. 13ابنِ موقعاً مجاناً بالذكاء الاصطناعي (بلا خبرة سابقة) (هذه المقالة)
  14. 14GPT-6 وصل. وحرب النماذج ليست عن روبوتات المحادثة
  15. 15وكلاء الذكاء الاصطناعي يبتلعون مسارات العمل في الشركات
  16. 16242 مليار دولار دخلت الذكاء الاصطناعي في ربع واحد
  17. 17الذكاء الاصطناعي يبلغ مستوى الخبراء في 44 مهنة
  18. 18الذكاء الاصطناعي يستهلك كهرباء أكثر من دول
  19. 19من «أحتاج موقعاً» إلى «موقعي يعمل» بالذكاء الاصطناعي
  20. 20البرمجة بالذكاء الاصطناعي تفشل بلا تصميم أولاً
  21. 21كيف تمارس الـ vibe coding بشكل صحيح في هذا العصر
محمد نصيف

محمد نصيف

مهندس DevOps وقائد تقني · جدة، السعودية

يكتب The Stack Notes — ملاحظات ميدانية عن البنية التحتية والذكاء الاصطناعي والمال والعمل. بنية سحابية، CI/CD، أمن وأتمتة في شركة كود سفن لتقنية المعلومات.

تحاول تشغيل الذكاء الاصطناعي داخل بيئة تعمل لديك أصلاً؟ هذا نوع المراجعات التي أتولّاها للشركات. ابدأ طلب مراجعة.

العودة إلى The Stack Notes