Next.js shërben skedar statikë (imazhe, fonte, ikona, PDF, robots.txt) nga dosia e veçantë public/ në rrënjën e projektit.
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
Një skedar në është i disponueshëm në URL-in — pjesa bie. I referon ato me një shteg absolut nga rrënja:
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
Imazhet të importuara marrin një emër skedari të kapur nga koha e përmbajtes (cache-ing jashtëzakonisht afatgjatë) dhe Next mund të nxjerrë përfundime për përmasat e tyre. Përdor public/ për skedar të referencuar nga URL i qëndrueshëm (favicon, robots.txt, imazhe og, të shkarkesueshme) dhe importet për imazhe të përdorura drejtpërdrejt në komponente.
public/ nuk është destinacioni i ngarkesës në kohën e ekzekutimit.public/ është publike e arritshme përmes URL.Dosia public/ është mënyra e thjeshtë, e bazuar në konvension për të shërbyer skedarë statikë në Next.js (favicons, robots.txt, imazhe OG, shkarke).
Dija që përmbajtja e saj hartuese në rrënjën URL — dhe kur të preferohet importimi i një aseti (kapur, i cache-it, madhësia automatike) në krahasim me referencën e tij nga public/ — mbuloi nevojat e përditshme të aseteve statikë.