التنسيقات (Styling)
يدعم Next.js طرقًا مختلفة لتنسيق تطبيقك، بما في ذلك:
- CSS العام: سهل الاستخدام ومألوف لمن لديهم خبرة في CSS التقليدي، ولكن قد يؤدي إلى حزم CSS كبيرة وصعوبة في إدارة التنسيقات مع نمو التطبيق.
- وحدات CSS (CSS Modules): إنشاء فئات CSS محلية لتجنب تعارض الأسماء وتحسين قابلية الصيانة.
- Tailwind CSS: إطار عمل CSS يعتمد على الأدوات (utility-first) يسمح بتصميمات مخصصة سريعة من خلال تجميع فئات الأدوات.
- Sass: معالج CSS شهير يمتد بخصائص مثل المتغيرات والقواعد المتداخلة والمزج (mixins).
- CSS-in-JS: تضمين CSS مباشرة في مكونات JavaScript، مما يتيح تنسيقات ديناميكية ومحددة النطاق.
تعرف على المزيد حول كل طريقة من خلال استكشاف الوثائق الخاصة بها:
وحدات CSS (CSS Modules)
تنسيق تطبيق Next.js الخاص بك باستخدام وحدات CSS (CSS Modules).
Tailwind CSS
أضف الأناقة إلى تطبيق Next.js باستخدام Tailwind CSS.
CSS في جافا سكريبت (CSS-in-JS)
استخدام مكتبات CSS في جافا سكريبت (CSS-in-JS) مع Next.js
ساس (Sass)
تعلم كيفية استخدام ساس (Sass) في تطبيق Next.js الخاص بك.
جلب البيانات من جانب العميل (Client-side Fetching)
تعرف على جلب البيانات من جانب العميل، وكيفية استخدام SWR، وهي مكتبة خطافات React لجلب البيانات التي تعالج التخزين المؤقت، إعادة التحقق، تتبع التركيز، إعادة الجلب على فترات والمزيد.
وحدات CSS (CSS Modules)
تنسيق تطبيق Next.js الخاص بك باستخدام وحدات CSS (CSS Modules).