🚀 دليل النشر التفاعلي
مرحباً بك في الدليل التفاعلي لنشر موقعك. تتبع تقدمك وقم بنسخ الأكواد (باللون الأخضر) لإتمام المهمة.
المرحلة 1: إعداد المشروع المحلي
اتبع التعليمات لتشغيل المشروع على جهازك.
1. تثبيت Node.js
تحميل Node.js 🌐2. إنشاء المشروع
انسخ الأوامر التالية في نافذة الـ Terminal:
npm create vite@latest money-robot-site -- --template react cd money-robot-site npm install
3. تثبيت التبعيات
npm install lucide-react tailwindcss animate.css
تحديد هذه المرحلة كمكتملة
المرحلة 2: إعداد Tailwind CSS
npx tailwindcss init -p
/** @type {import('tailwindcss').Config} */
export default {
content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
theme: {
extend: {},
},
plugins: [],
}
تحديد هذه المرحلة كمكتملة
المرحلة 3: إضافة الكود
npm run dev
تحديد هذه المرحلة كمكتملة
المرحلة 4: النشر المباشر
تحديد هذه المرحلة كمكتملة
المرحلة 5: حل المشكلات
⚠️ خطأ: “Missing script: build”
cd money-robot-site
تحديد هذه المرحلة كمكتملة
المرحلة 6: ربط الدومين
🌐
إعدادات النطاق
من لوحة التحكم اذهب إلى Domains لربط اسم موقعك الخاص.
تحديد هذه المرحلة كمكتملة
تم نسخ الكود بنجاح! 📋