إضافات
🧩 إضافات¶
الإعداد¶
-
أضف شعارك الخاص داخل مجلد
/appوسمّهicon.png. -
لا تستخدم امتداد
.png؟
حدّث المكونات التي تستخدمicon.pngمثل مكوّن Header.
🧠 إنشاء الأيقونات¶
-
أنشئ أيقونة الموقع (favicon) باستخدام مولّد Favicon المجاني.
بعد تحميل ملف الـ zip، أضف هذين الملفين إلى مجلد/app: -
apple-touch-icon.png(أعد تسميته إلى) →apple-icon.png favicon.ico
🧠 سيقوم NextJS تلقائيًا بالإشارة إلى هذه الملفات داخل الوسم <head /> في صفحة HTML الخاصة بك.
📚 اقرأ المزيد عن تنسيق ملفات metadata.
🖼️ الشعار والنص¶
- أنشئ شعار مستطيل يحتوي على اسمك مثل الصورة بالأسفل.
- سمّه
logoAndName.pngوأضفه إلى مجلد/public.
🔐 سيتم استخدامه تلقائيًا في صفحات تسجيل الدخول بواسطة Next-Auth (راجع ملف/libs/next-auth.js).
📸 صور المشاركة الاجتماعية¶
-
أنشئ صورتين بحجم 1200×660 لاستخدامهما في المشاركة عبر وسائل التواصل الاجتماعي:
-
opengraph-image.png -
twitter-image.png -
أضفهما إلى مجلد
/app.
🔁 سيتم ربطها تلقائيًا في<head />بواسطة NextJS.