رفع مشروع React على GitHup و github pages

ذلك لأنك تقوم برفع ملفات رى أكت دون أن تقوم بعمل build , يجب أن تقوم بعمل عملية build حتى تستطيع من رفع الملفات على git-hub ويمكنك إتباع الخطوات الأتية لرفع مشروعك على github-pages

1. تأكد من تثبيت كلاً من node, npm, git على حاسوبك
2. تثبيت gh-pages ك dev-dependency

    npm install gh-pages --save-dev

    

3. ضع خاصية الhomepage في ملف الpackage.json

   {
   ......,
   homepage:"http://{اسم المستخدم الخاص بك}.github.io/إسم المستودع"
   
   }

    

4. ضع scripts تقوم بعملية الbuild بإستخدام الnodeوال gh-pages حتي يتم نشر تطبيقك على الموقع

   "scripts": {
   //...
   "predeploy": "npm run build",
   "deploy": "gh-pages -d build"
   }
   بالطبع تلك الscripts
   سيتم كتابتها فى الpackage.json

    

5. قم بإنشاء مستودع على git hub

   git init
    git remote add origin {رابط المستودع}

6. والأن قم بعملية deploy

   npm run deploy

    

7. مبروك تم رفع التطبيق ستجده في فرع gh-pages في github , بالإضافة لذلك ستجد التطبيق يعمل بشكل حي من خﻻل الرابط الذي وضعته في الhomepage في ملف package.json