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
იმპორტირებული სურათები იღებენ კონტენტის ჰეშირებულ ფაილის სახელს (შესანიშნავია ხანგრძლივი კეშირებისთვის) და Next შეუძლია მათი ზომების დადგენა. გამოიყენეთ public/ ფაილებისთვის, რომლებიც მოწოდებულია სტაბილური URL-ით (favicon, robots.txt, og-images, ჩამოტვირთვადი ფაილები) და import კომპონენტებში პირდაპირ გამოყენებული სურათებისთვის.
public/ არ არის runtime ატვირთვის დანიშვულება.public/-ში საჯაროდ ხელმისაწვდომია URL-ით.public/ ფოლდერი არის მარტივი, კონვენციაზე დაფუძნებული გზა სტატიკური ფაილების ემსახურებისთვის Next.js-ში (favicon, robots.txt, OG სურათები, ჩამოტვირთვები).
ის შეცნობა, რომ მისი შინაარსი URL-ის ძირზე მიმაგრებულია — და როდის უპირატესობა აქტივის იმპორტირება (ჰეშირებული, კეშირებადი, ავტომატური ზომა) public/-ი ნაცვლად — მოიცავს ყოველდღიური სტატიკური აქტივების საჭიროებებს.