مشكلة في استخدام GitHub Pages

استخدام Webpack في مشروعك، لا يؤثر على إنشاء live demo على GitHub.

بالنسبة للرابط الذي لا يظهر، تأكد من أن GitHub Pages قد تم تفعيله بشكل صحيح وأن الملفات موجودة في المستودع.

إذا كنت قد قمت بذلك ولا يزال الرابط غير متاح، فقد يكون هناك خطأ في الإعدادات أو في الملفات نفسها

ما تريده هو استخدام GitHub Pages وستجد شرح بالفيديو هنا:

ولكن عليك رفع نسخة المشروع بعد التحزيم أي رفع مجلد build وليس رفع الكود المصدري، فذلك نرفعه في فرع branch آخر.

لكن من الأسهل استخدام Netlify:

مرحبا
يمكن استخدام github لكي تري الكود الخاص بك live demo  اذ كان الكود عبارة عن html ,css ,js
عن طريق
1- اولا تاكد ان صفحة ال start اسمها  index.html وهذه هي الصفحة التي يبدأ منها التطبيق
2-وبعد ذاللك استخدم هذا  اللينك مع تغير المتطلبات
https://raw.githack.com/[user]/[repository]/[branch]/[filename.ext]
مثال https://raw.githack.com/M7moud-Hassan/soundsnap/main/index.html
هنا تبدل user الخاص بك واسم repo وال اسم ال branch وبعد  ذاللك صفحة html
وتاكد ان تكون repo public

بشكل عام، عملية رفع الموقع على GitHub Pages لا تختلف بناءً على ما إذا كنت تستخدم Webpack أو لا.

ومع ذلك، قد تكون هناك بعض الاختلافات في عملية البناء والتكوين التي قد تؤثر على كيفية نشر الموقع.

والرابط لا يظهر فوراً ولكن يتأخر قليلاً ربما دقيقة أو أكثر لذلك تحتاج للإنتظار قليلاً وتحديث الصفحة وسيظهر الرابط لك ولكن بعد التأكد من إتباع الخطوات كاملة بشكل صحيح 

ولاحظ أنه لا يتم رفع مجلد المشروع كاملاً إنما المجلد الذي ينشئه webpack وغالباً يكون  dist أو app