Next.js naudoja statinius failus (vaizdus, šriftus, piktogramas, PDF, robots.txt) iš specialaus public/ aplanko jūsų projekto šaknies.
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
Failas pasiekiamas URL — dalis nėra. Vadinkite juos absoliučiu keliu iš šaknies:
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
Importuoti vaizdai gauna turinio maišo failo pavadinimą (puiku ilgalaikiam talpinimui) ir Next gali nustatyti jų matmenis. Naudokite public/ failams, kurie nurodomi stabilia URL (favicon, robots.txt, og-images, atsisiunčiami failai) ir importus vaizdams, naudojamiems tiesiogiai komponentuose.
public/ nėra vykdymo meto failų šaltinis.public/ yra viešai prieinama per URL.public/ aplankas yra paprastas, konvencijomis pagrįstas būdas naudoti statinius failus Next.js (favicon, robots.txt, OG vaizdus, atsisiuntimai).
Žinoti, kad jos turinys nurodomas šaknies URL — ir kada geriau importuoti išteklių (maišinto, talpintino, automatinio dydžio) nei nurodyti iš public/ — visos kasdienes statinių išteklių poreikiai.