الموارد الثابتة
يمكن لـ 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
، وغيرها، يجب استخدام ملفات بيانات وصفية خاصة داخل مجلد app
.
معلومة مفيدة:
- يجب أن يكون اسم الدليل
public
. لا يمكن تغيير الاسم وهو الدليل الوحيد المستخدم لتقديم الموارد الثابتة.- فقط الموارد الموجودة في دليل
public
أثناء وقت البناء سيتم تقديمها بواسطة Next.js. الملفات المضافة أثناء وقت الطلب لن تكون متاحة. نوصي باستخدام خدمة طرف ثالث مثل AWS S3 لتخزين الملفات بشكل دائم.