Next.js iservi l-fajls statici (immaġini, fonts, ikoni, PDF, robots.txt) mill-folder speċjali public/ fil-għerq tal-proġett tiegħek.
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
Fajl f' huwa disponibbli fl-URL — il-parti titħassas. Irriferixxa lilhom b'mogħdija assoluta mill-għerq:
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
L-immaġini importati jkollhom isem ta' fajl hash tal-kontenut (tajjeb għal cache fit-tul tal-medda) u Next tista' tissuġġerixxi d-dimensjonijiet tagħhom. Uża public/ għal fajls li jirreferu URL stabbli (favicon, robots.txt, og-images, fajls li jistgħu jitniżżlu) u imports għal immaġini li jintużaw direttament fi komponents.
public/ mhu destinazzjoni tal-upload fuq il-ħin tal-run.public/ huwa aċċessibbli pubblikament permezz ta' URL.Il-folder public/ huwa l-mod sempliċi, ibbażat fuq konvenzjoni biex taħdem il-fajls statici f'Next.js (favicon, robots.txt, immaġini OG, downloads).
L-għarfien li l-kontenut tiegħu jmappja għall-għerq tal-URL — u meta tkun iktar tajba li timporta asset (hash, cacheable, tul awtomatiku) versus li tirreferixxih minn public/ — tkopri l-ħtiġigejn ta' asset statici ta' kuljum.