مجلد 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، إلخ، يجب عليك استخدام ملفات بيانات وصفية خاصة داخل مجلد app.