الموارد الثابتة

يمكن لـ Next.js تقديم ملفات ثابتة مثل الصور تحت مجلد يسمى public في الدليل الجذري. يمكن بعد ذلك الإشارة إلى الملفات داخل public بواسطة الكود الخاص بك بدءًا من عنوان URL الأساسي (/).

على سبيل المثال، يمكن عرض الملف public/avatars/me.png عن طريق زيارة المسار /avatars/me.png. قد يبدو الكود لعرض تلك الصورة كما يلي:

import Image from 'next/image'

export function Avatar({ id, alt }) {
  return <Image src={`/avatars/${id}.png`} alt={alt} width="64" height="64" />
}

export function AvatarOfMe() {
  return <Avatar id="me" alt="A portrait of me" />
}

التخزين المؤقت

لا يمكن لـ Next.js تخزين الأصول في مجلد public بشكل آمن لأنها قد تتغير. رؤوس التخزين المؤقت الافتراضية المطبقة هي:

Cache-Control: public, max-age=0

ملفات الروبوتات، الأيقونات المفضلة وغيرها

المجلد مفيد أيضًا لملفات مثل robots.txt، favicon.ico، التحقق من موقع Google وأي ملفات ثابتة أخرى (بما في ذلك .html). ولكن تأكد من عدم وجود ملف ثابت بنفس اسم ملف في مجلد pages/ لأن هذا سيؤدي إلى حدوث خطأ. اقرأ المزيد.

معلومة مفيدة:

• يجب أن يسمى المجلد public. لا يمكن تغيير الاسم وهو المجلد الوحيد المستخدم لتقديم الأصول الثابتة.
• فقط الأصول الموجودة في مجلد public أثناء وقت البناء سيتم تقديمها بواسطة Next.js. الملفات المضافة أثناء وقت الطلب لن تكون متاحة. نوصي باستخدام خدمة طرف ثالث مثل Vercel Blob لتخزين الملفات بشكل دائم.