الموارد الثابتة
يمكن لـ Next.js تقديم ملفات ثابتة مثل الصور داخل مجلد يسمى public
في الدليل الجذري. يمكن بعد ذلك الإشارة إلى الملفات داخل public
بواسطة الكود الخاص بك بدءًا من عنوان URL الأساسي (/
).
على سبيل المثال، إذا أضفت me.png
داخل public
، سيقوم الكود التالي بالوصول إلى الصورة:
import Image from 'next/image'
export function Avatar() {
return <Image src="/me.png" alt="me" width="64" height="64" />
}
هذا المجلد مفيد أيضًا لملفات مثل robots.txt
، favicon.ico
، التحقق من موقع Google، وأي ملفات ثابتة أخرى (بما في ذلك .html
). ولكن تأكد من عدم وجود ملف ثابت بنفس اسم ملف في دليل pages/
، لأن هذا سيؤدي إلى حدوث خطأ. اقرأ المزيد.
معلومة مفيدة:
- يجب أن يكون اسم الدليل
public
. لا يمكن تغيير الاسم وهو الدليل الوحيد المستخدم لتقديم الموارد الثابتة.- فقط الموارد الموجودة في دليل
public
أثناء وقت البناء سيتم تقديمها بواسطة Next.js. الملفات المضافة أثناء وقت الطلب لن تكون متاحة. نوصي باستخدام خدمة طرف ثالث مثل AWS S3 لتخزين الملفات بشكل دائم.