Next.js yana aiki da static files (hotuna, fonts, abubuwa, PDFs, robots.txt) daga special public/ jirgi a tushe na aikin ku.
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
Fayil a yana samuwa a URL — ɓangare an jefa. Ire su da cikakken hanya daga tushe:
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
Masu shiga hotuna suna samun suna fayil mai hash (kyakkyawan ajiya na dogon lokaci) kuma Next zai iya fahimtar ma'auni nasu. Yi amfani da public/ don fayilai da ake ambaci ta URL mara jiya (favicon, robots.txt, og-images, abin sauke) da shiga don hotuna da ake amfani da su kai tsaye a sassa.
public/ ba shine wuri na sauke daidai ba.public/ yana samun kuɗi ta URL.public/ jirgi shine sauki, hanya da aka auna ta yi aiki da static files a Next.js (favicons, robots.txt, OG images, abin sauke).
Sanin cewa abin jiya yana taswira ga tushe na URL — kuma yaushe da aka fi sha'awa ta shiga asset (hash, ake iya ajiya, auto-kima) maido maida daga public/ — yana rufe bukatun static-asset na yau da yau.