الأصول، البيانات الوصفية، و CSS
الصفحة الثانية التي أضفناها حالياً لا تحتوي على تنسيقات. دعونا نضيف بعض CSS لتنسيق الصفحة.
يحتوي Next.js على دعم مدمج لـ CSS و Sass. في هذه الدورة، سنستخدم CSS.
سنتحدث أيضاً في هذا الدرس عن كيفية تعامل Next.js مع الأصول الثابتة مثل الصور وبيانات الصفحة الوصفية مثل وسم <title>.
ما الذي ستتعلمه في هذا الدرس
في هذا الدرس، ستتعلم:
- كيفية إضافة ملفات ثابتة (صور، إلخ) إلى Next.js.
- كيفية تخصيص المحتوى داخل
<head>لكل صفحة. - كيفية إنشاء مكون React قابل لإعادة الاستخدام باستخدام وحدات CSS.
- كيفية إضافة CSS عام في ملف
pages/_app.js. - بعض النصائح المفاهيمية حول التنسيق في Next.js.
المتطلبات الأساسية
- معرفة أساسية بـ CSS. ستناقش هذه الدورة كيفية إضافة CSS في تطبيق Next.js، لكنها لن تغطي أساسيات CSS.
إذا كنت تبحث عن وثائق مفصلة حول التنسيق في Next.js، يمكنك الاطلاع على وثائق CSS.