مجلد public

يمكن لـ 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" />
}

التخزين المؤقت (Caching)

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

Cache-Control: public, max-age=0

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

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