يقدم Next.js الملفات الثابتة (الصور والخطوط والأيقونات وملفات PDF و robots.txt) من مجلد خاص public/ في جذر مشروعك.
public/
logo.png → served at /logo.png
favicon.ico → served at /favicon.ico
docs/guide.pdf → served at /docs/guide.pdf
robots.txt → served at /robots.txt
الملف الموجود في متاح على URL — يتم حذف جزء . قم بالإشارة إليها بمسار مطلق من الجذر:
public/logo.png/logo.pngpublic/import Image from "next/image";
export default function Header() {
return (
<>
<Image src="/logo.png" alt="Logo" width={120} height={40} />
<img src="/icons/star.svg" alt="" />
<a href="/docs/guide.pdf">Download guide</a>
</>
);
}
// Option A: from public/ — referenced by URL string
<Image src="/logo.png" width={120} height={40} alt="" />
// Option B: imported — bundled, hashed for caching, dimensions inferred
import logo from "./logo.png";
<Image src={logo} alt="" /> // width/height come from the import automatically
الصور المستوردة تحصل على اسم ملف بـ hash محتوى (ممتاز للتخزين المؤقت طويل الأجل) ويمكن لـ Next استنتاج أبعادها. استخدم public/ للملفات التي يتم الإشارة إليها برابط ثابت (favicon، robots.txt، og-images، قابل للتنزيل) والاستيرادات للصور المستخدمة مباشرة في المكونات.
public/ ليست وجهة تحميل في وقت التشغيل.public/ يمكن الوصول إليه علنًا من خلال URL.مجلد public/ هو الطريقة البسيطة والمبنية على الاتفاقية لتقديم الملفات الثابتة في Next.js (favicons، robots.txt، OG images، التنزيلات).
معرفة أن محتوياته يتم تعيينها إلى جذر URL — ومتى تفضل استيراد ملف (بـ hash، قابل للتخزين المؤقت، مع حجم تلقائي) مقابل الإشارة إليه من public/ — يغطي احتياجات الملفات الثابتة اليومية.